Cannot find module '@webassemblyjs/wast-parser'
解決方案：刪除node_modules文件夾 使用yarn安裝
安裝 Vue Loader v15
安裝html-webpack-plugin ^3.0.0.6
ValidationError: Dll Reference Plugin Invalid Options
廢棄CommonsChunkPlugin和DllReferencePlugin使用optimization.splitChunks
ExtractTextPlugin報(bào)錯
廢棄extract-text-webpack-plugin替換為mini-css-extract-plugin
Module build failed (from ./node_modules/url-loader/index.js):TypeError: Cannot read property 'fileLoader' of undefined
升級file-loader插件到最新
vue單文件中use style tag can't work
ERROR in ./src/settlement/widget/settlement_pre_invoice.vue?vue&type=style&index=0&id=846b2bce&scoped=true&lang=css& (./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./src/settlement/widget/settlement_pre_invoice.vue?vue&type=style&index=0&id=846b2bce&scoped=true&lang=css&)
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (f
項(xiàng)目啟動成功但是頁面的各類圖片都404'src' of img tag become src="[object Module]" in browser
解決方案配置set the esModule option in url-loader to false.
postcss不支持行內(nèi)注釋
解決方案：使用postcss-scss轉(zhuǎn)義 將”//“轉(zhuǎn)義成"/*"和"*/"
其他各loader升級
vue-style-loader
file-loader
url-loader
遷移文檔參考鏈接https://vue-loader.vuejs.org/migrating.html
版本升級后編譯時(shí)間優(yōu)化
優(yōu)化前 慢到發(fā)指 是版本升級前速度的2倍 熱部署還直接棧溢出
解決它
optimization中添加緩存分組
common: { // 抽離自己寫的公共代碼炬搭，common這個名字可以隨意起
chunks: "all",
name: "common", // 任意命名
minSize: 0, // 只要大小超出設(shè)置的這個數(shù)值添履，就生成一個新包
minChunks: 2,
priority: 9
},
更改html拟杉、vue文件和樣式編譯時(shí)長分別是
好歹終于可以正常開發(fā)了笑旺，但是修改到自己的公共代碼時(shí)編譯速度有待考察。好唯。故觅。。
編譯警告但是不影響結(jié)果
開發(fā)環(huán)境去掉mini-css-extract-plugin渠啊，僅應(yīng)用在生產(chǎn)環(huán)境
使用更新的dll后
熱部署編譯時(shí)間降為12s以內(nèi)
