javascript - webpack自动编译
本文介绍了javascript - webpack自动编译的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
webpack配置自动编译用到webpack-dev-server,如下配置:
为什么一定要配置publicPath,而且一定要写成publicPath:'/dist/'才有作用,自己之前写成了
publicPath:'/assets/'怎么都没用,浪费了好久的时间,哪位朋友解释一下。目录结构如下:
是不是因为编译后没有assets文件夹了?
这个publicPath的作用很不理解,官网的教程看了但是不理解~~~
解决方案
1、为什么一定要写 publicPath
?
这个变量 publicPath
也就是你静态文件存放的目录。
举个例子,比如你的项目最终发布的时候,静态文件不是放在自己的服务器上,而是全部上传到 又拍云
等 cdn 服务商那里。这里就要写你静态文存放在又拍云的地址的前缀。也就是,分本地开发和发布部署两种情况。
2、一定要写成 publicPath:'/dist/'
才有作用?
不是的。
因为你上面定义了
path.resolve(__dirname,'./dist'),
所以打包后的文件都放在了 ./dist
目录。因此,你静态文件目录就需要配置 publicPath:'/dist/'
这篇关于javascript - webpack自动编译的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文