output配置说明

一般写法:

output: {
  path: __dirname + "/js/",
  filename: [name].bundle.js
}
// 打包后的文件输出到当前目录的js文件夹下
// path指定的是编译存放目录
// 没有写publicPath,页面引用方式
<body>
    <script src="b.bundle.js"></script>
</body>

二般写法:

// 指定publicPath
output: {
  path: __dirname + "/js/",
  publicPath: '/asserts/',
  filename: [name].bundle.js
}
// 页面引用需要改为
<body>
    <script src="asserts/b.bundle.js"></script>
</body>

// 有生产环境和开发环境的区别
// 开发环境
publicPath:虚拟目录,自动指向path编译目录(/assets/ => /build/js/)。html中引用js文件时,
必须引用此虚拟路径(但实际上引用的是内存中的文件,既不是/build/js/也不是/assets/)

// 生产环境
把编译目录(/build/js/)下的文件,全部复制到/assets/目录下
(注意:不是去修改index.html中引用bundle.js的路径)

我司都是服务器端渲染,页面引用文件都是绝对路径,所以没写publicPath也没影响,正常引用打包后的文件

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,469评论 4 31
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 179,540评论 25 708
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,782评论 19 139
  • Ubuntu的发音 Ubuntu,源于非洲祖鲁人和科萨人的语言,发作 oo-boon-too 的音。了解发音是有意...
    萤火虫de梦阅读 100,886评论 9 468
  • 这几天,你又上热搜了,因为你的书,书名就叫《郑爽的书》,一如你本人那般简单,纯粹,让人一眼就能看懂。 ...
    紫郁0720阅读 683评论 10 11

友情链接更多精彩内容