Webpack学习错误解决笔记

错误1&＃xff1a;在用npm install 安装模块时&＃xff0c;时常会出现没有以下类似的错误

解决方法&＃xff1a;右键点击node_modules文件夹&＃xff0c;选取属性&＃xff0c;将文件夹只读选项去除

错误2&＃xff1a;在学习到清理/dist文件夹这块时&＃xff0c;需要采用clean-webpack-plugin管理插件&＃xff0c;但我们执行npm run build时&＃xff0c;却报了以下的错


解决方法&＃xff1a;将webpack配置文件中的new CleanWebpackPlugin([&＃39;dist&＃39;]),改为new CleanWebpackPlugin(),原因是该plugin用法更新了&＃xff0c;但webpack教程却没跟上节奏。

错误3&＃xff1a;在我们学习到“生产环境配置”这章时&＃xff0c;教程上少写了要”uglifyjs-webpack-plugin"模块的安装&＃xff0c;执行npm run build的结果

解决方法&＃xff1a;执行npm install uglifyjs-webpack-plugin --save-dev&＃xff0c;安装好对应模块后再执行npm run build

错误4&＃xff1a;在我们学到代码分离这章时&＃xff0c;会遇到如下错误&＃xff0c;意见就是webpack.optimize.CommonsChunkPlugin模块已被另外模块代替。

解决方法&＃xff1a;可去官网查找config.optimization.splitChunks相应模块的用法&＃xff0c;以下是例子