webpack打包流程

https://www.jianshu.com/p/df4eea01d01c?from=timeline查看具体流程

我们在项目完成后使用npm install webpack -g(全局安装webpack)，npm run build 会生成一个dist目,做以下调整。

容易出错的路径问题
1.config文件夹下的index.js，修改build下的public，改为./
2. webpack.base.conf.js修改打包图片的最大像素设置（图片很容易出现加载不出来的情况）

3.publicPath: 作用是设置打包过程中提取css的方法

4,新增一个vue.config.js，配置

5.在路由里面设置一个history模式

6.路径的问题，如果图片没有超过限制的范围大小，没有显示的话，那就修改路径类型