webpack之publicPath

webpack之publicPath前言 本文解决了 nbsp webpack 之输出路径处理 最后预留的路径问题正文 要解决 nbsp webpack 之输出路径处理 最后预留的路径问题 只需要在 webpack config js 的 output 选项中添加 publicPath 配置 执行 npmrunbuild 在浏览器打开 dist index html 文件 所有资源均正常加载 但是 现在执行 npmrundev 浏览器打开的 http loc

前言:

本文解决了《 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 成功!




版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/225393.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 上午9:25
下一篇 2026年3月17日 上午9:26


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号