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屋！