最近接到一(yī)個(gè)局單位的信息化(huà)改造項目，前端頁面是個(gè)系統，心想不是網站(zhàn)直接用VUE比較适合，正好(hǎo)(hǎo)前年有個(gè)美女(nǚ)前端幫我寫過一(yī)個(gè)VUE管理(lǐ)系統，這(zhè)次正好(hǎo)(hǎo)能(néng)派上(shàng)用場(chǎng)，無奈東西(xī)老了(le)點，npm install不斷報(bào)錯不斷修改，最後webpack自己還是用了(le)4.0.0版本，接口用axios0.18.0。node的确是一(yī)個(gè)不錯的東西(xī)，方便要什(shén)麽npm一(yī)下(xià)，配合使用餓了(le)麽的UI或者IVIEW這(zhè)種前端VUE框架，讓前端開發變得如(rú)此簡單，也(yě)就(jiù)慢(màn)慢(màn)的順應了(le)一(yī)句話(huà)以後人(rén)人(rén)會編程。唯一(yī)不好(hǎo)(hǎo)的是node_module太大了(le)，各種npm也(yě)會碰到版本兼容性的問題，這(zhè)不npm run dev花了(le)近2周的全部調試完了(le)，前端項目準備上(shàng)線讓客戶确認，npm run build後發現(xiàn)圖标文件woff，ttf找不到文件導緻圖标變成了(le)方塊，第一(yī)反應是路(lù)徑不正确，查了(le)下(xià)浏覽器(qì)，發現(xiàn)css文件中引用的字體(tǐ)是相對路(lù)徑也(yě)就(jiù)是css/static/fonts/xxxxxx.xxxxx.woff，找到css目錄下(xià)的 css，查找這(zhè)個(gè)被壓縮後的文件的确找到了(le)地址，更改成../fonts/xxx，刷新(xīn)發現(xiàn)OK成功了(le)。
但(dàn)是這(zhè)樣太别扭了(le)，心想一(yī)定在webpack中有配置的，不然這(zhè)樣編譯一(yī)次改一(yī)次太麻煩了(le)，最終找到build/webpack.prod.js 裏面module:{rules: 下(xià)有個(gè)參數extract默認是true直接設置成false就(jiù)可以了(le)。
