打包后遇到的问题汇总

打包遇到的问题

①运行npm run build报错

原因：没有安装generate-asset-webpack-plugin（在配置多页时用到了）

解决方式：安装

npm install generate-asset-webpack-plugin --save-dev

②打包之后icon图标及图片丢失

原因：打包后图片路径不对

解决方式build---utils.js文件中找到后添加红框内容

③打包之后css样式没了

原因：引入路径不对（找了很多办法都不行，最后发现只是没有引入进来）。直接打开dist文件夹里的.html文件，谷歌浏览器鼠标右键查看网页源代码，如下图所示

自己引入的 .css文件和生成的 .js文件都在static文件夹下，路径却不一样。可是我并没有写错我的路径。

后来了解到，相对路径是可以配置的。还没太搞懂

config---index.js

build---utils.js