在進(jìn)行npm run build進(jìn)行打包時(shí)出現(xiàn)報(bào)錯(cuò): Unknow word
image.png
此時(shí)根據(jù)報(bào)錯(cuò)信息無法直接具體的定位到對應(yīng)的css
解決方案
暫時(shí)注釋掉OptimizeCSSPlugin相關(guān)配置，等待問題解決后恢復(fù)蛮位。
-
找到build/webpack.prod.conf文件济竹，注釋掉此plugin
image.png -
再次打包：npm run build
image.png
此時(shí)打包成功
-
在生成的dist中查找出現(xiàn)問題的css赫悄，定位到具體樣式
image.png
此時(shí)發(fā)現(xiàn)是em標(biāo)簽出現(xiàn)問題，根據(jù)上下樣式查找出原樣式表的相應(yīng)位置及屬性
-
查找樣式表問題的對應(yīng)位置并進(jìn)行修改
image.png
ps: 我打包失敗的原因是因?yàn)闃邮奖砜s進(jìn)問題登舞。
-
更改后放開插件注釋并重新build
image.png
此時(shí)打包成功！ 問題完美解決！
