深入淺出webpack 1.5章節使用Extract-text-webpack-plugin分離css
安裝插件后打包提示錯誤 Error: Cannot find module 'webpack/lib/Chunk'
可能是webpack是4.X的原因

跟隨書中步驟安裝webpack會安裝最新版也就是4.X版本,但是Extract-text-webpack-plugin目前(2019.3.12)僅支持到webpack3.X,想要使用的話
一種方法是使用3.x版本的webpack
另一種是使用測試版的Extract-text-webpack-plugin
我這里選用的方法是更新Extract-text-webpack-plugin的測試版
npm install -D extract-text-webpack-plugin@next
安裝后再次打包依然失敗,報出同樣的錯誤

還是缺少webpack中的Chunk,於是重新安裝了webpack
npm i -D webpack
再次執行打包構建,webpack提示安裝CLI,輸入yes或者執行npm install -D

安裝后再次執行打包,打包成功

打包后在目錄里面發現沒有css文件,翻看前面的代碼發現忘記require css文件了,在main.css中頭部引入css文件
再次打包依然報錯
Error: Path variable [contenthash:8] not implemented in this context: [name]_[contenthash:8].css
隨即在github上官方文檔的issue中找到了問題和解決辦法

修改后打包成功,css也被分離了。

