webpack的设置题目一向很让人头疼，近来我也在进修webpack，看着网上的教程，也想着把本身的进修历程写下来。
起首，设置webpack须要先装置nodejs，这是nodejs的官网链接形貌记得须要node8以上的版本

点开下载包，一起next下去，然后我们的nodejs就装置完成了，想卸载也能够再点击一次这个装置包来uninstall。

接下来是装置webpack
翻开cmd命令行，输入

npm install webpack -g

体系就会自动下载装置包 -g代表全局装置
胜利应该是如图所示结果


接下来输入

webpack --version

会有下图的提醒

提醒我们须要webpack-cli
输入

npm i -g webpack-cli

体系会自动给我们装置webpack-cli
以后再输入webapck –version，就会展现我们装置的webpack的版本号了，如图所示

这时候我们全局的webpack变量就装置完啦！

接下来是怎样运用webpack了
找到你的项目文件夹，shift+右键，在命令行中翻开，此时的目次就是当前目次，然后我们输入

npm init

就会如下图所示，要你写版本号等种种信息什么的，一起回车下去就是了

然后你会发明文件夹中多了一个package.json文件，
接下来在命令行中输入

npm  install webpack --save-dev 

-dev是示意开辟环境的依靠，也能够取消掉dev这是天生环境的依靠
守候体系装置终了以后，就会发明在项目文件夹下多了一个node_modules文件夹，此时我们的项目目次的webpack就装置胜利了，目次构造入下图所示

这是webapck的装置流程，详细的设置流程我也写了一篇文章链接形貌，希望能帮到头疼webpack的人人。