webpack Error: Cannot find module 'webpack/lib/Chunk' Extract-text-webpack-plugin 分離CSS


深入淺出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也被分離了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM