安装(推荐局部安装)

npm install webpack -g      //-g 代表全局安装
npm install webpack -s      //-s 代表局部安装

安装

npm install --save-dev webpack  -s

安装 webpack-cli

npm install --save-dev webpack-cli -s //局部安装 （webpack 4.0必须安装）

创建backage.json文件

npm init -y

安装 style-loader css-loader

npm i style-loader css-loader -s

安装less的loader

npm install --save-dev less less-loader -s

安装file-loader加载图片

npm install --save-dev file-loader -s

安装url-laoder 加载字体

npm install --save-dev url-loader -s

安装csv-loader xml-loader 加载数据（CSV、TSV 和 XML）

npm install --save-dev csv-loader xml-loader -s

检查版本是否安装成功

webpack -v

删除

全局卸载

npm uninstall webpack -g

局部卸载

npm uninstall webpack -s

注意事项

安装的时候遇到一个报错

image.png

查了资料说是

fsevents不在package.json里，但是仍然安装了，是因为你的系统不是Windows系统，fsevents是苹果系统的可选依赖,你的项目有可能是团队项目，别人在他的mac上安装了fsevents相关依赖库，所以到这边你也就安装到你的windows上边了。你可以检查你的package.json 文件中是不是有fsevents相关依赖，删除即好！
如果没有，其他的npm包也会有依赖fsevents的！！！
这是warning错误，是因为mac下需要 fsevents，这里是在windows环境，所以可以忽略这个错误。

其实我也不是很理解这个报错，但是不重要，可以忽略的