打包后遇到的问题汇总

打包遇到的问题

①运行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

发布了64 篇原创文章 · 获赞 9 · 访问量 7040
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章