前言:
本文解决了《 webpack之输出路径处理 》最后预留的路径问题
正文:
要解决《 webpack之输出路径处理 》最后预留的路径问题,只需要在webpack.config.js的output选项中添加publicPath配置。
执行npm run build,在浏览器打开dist/index.html文件,所有资源均正常加载!
但是,现在执行npm run dev,浏览器打开的http://localhost:8080/ 不是预想的页面:
当运行npm run dev的时候:
- devServer会将资源打包好放到计算机内存,
- 然后先访问内存资源(devServer的publicPath配置决定,如果devServer中publicPath省略,会读取output中的publicPath)的index.html,
- 访问不到就会去本地目录( devServer的contentBase配置决定)查找index.html。
改一下我们webpack.config.js的配置:
上面配置可以确保 npm run dev和npm run build 成功!