前言:

本文解决了《 webpack之输出路径处理 》最后预留的路径问题


正文:

要解决《 webpack之输出路径处理 》最后预留的路径问题,只需要在webpack.config.js的output选项中添加publicPath配置。

webpack之publicPath

执行npm run build,在浏览器打开dist/index.html文件,所有资源均正常加载!

但是,现在执行npm run dev,浏览器打开的http://localhost:8080/ 不是预想的页面:

webpack之publicPath

当运行npm run dev的时候:

  • devServer会将资源打包好放到计算机内存,
  • 然后先访问内存资源(devServer的publicPath配置决定,如果devServer中publicPath省略,会读取output中的publicPath)的index.html
  • 访问不到就会去本地目录( devServer的contentBase配置决定)查找index.html。

改一下我们webpack.config.js的配置:

webpack之publicPath

上面配置可以确保 npm run dev和npm run build 成功!




相关文章:

  • 2021-09-09
  • 2022-12-23
  • 2021-07-23
  • 2021-12-02
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-06-03
  • 2021-06-11
  • 2021-10-15
  • 2022-12-23
  • 2022-12-23
  • 2021-06-18
相关资源
相似解决方案