打包遇到的问题
①运行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