1.卸载全局的 webpack
npm uninstall webpack webpack-cli -g
其中安装webpack-cli 是可以让webpack在命令行执行的。在webpack 4.0 中需要安装。
2 局部安装webpack
npm install webpack webpack-cli -D
3. 具体安装某个版本：
npm install webpack@4.16.5 webpack-cli -D
4 加载图片loader
module:{ rules:[{ //有多个规则，所以需要使用数组 test:/\.(jpg|png|gif)$/, //匹配后缀文件 use:{ loader:‘file-loader‘, //使用file-loader编译文件 options:{ name:‘[name]_[hash].[ext]‘, //输出名字其中[ext]是后缀名称 outputPath:‘images/‘, //图片的输出路径
} } }] }
5. 使用url-loader 可以把小图片转成base64。他的功能比file-loader 功能更全！
module:{ rules:[{ //有多个规则，所以需要使用数组 test:/\.(jpg|png|gif)$/, //匹配后缀文件 use:{ loader:‘url-loader‘, //使用url-loader编译文件 options:{ name:‘[name]_[hash].[ext]‘, //输出名字其中[ext]是后缀名称 outputPath:‘images/‘, //图片的输出路径 limt:2048, //大小限制，比2048小的图片转成base64，大的图放在outputPath路径下 } } }] }
6.
原文：https://www.cnblogs.com/xiaozhumaopao/p/10588270.html