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 Error: Cannot find module 'webpack/lib/Chunk'  Extract-text-webpack-plugin 分离CSS
跟随书中步骤安装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 Error: Cannot find module 'webpack/lib/Chunk'  Extract-text-webpack-plugin 分离CSS

可能是webpack的原因,于是重新安装了webpack
npm i -D webpack
再次执行打包构建,webpack要求安装CLI,输入yes或者执行npm install -D

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

安装后再次执行打包,打包成功
webpack Error: Cannot find module 'webpack/lib/Chunk'  Extract-text-webpack-plugin 分离CSS

上一篇:webpack插件使用注意问题


下一篇:OGG运维