1.安装node因为webpack是基于node环境的，所以我们首先需要安装node的官网：https://nodejs.org/en/安装完成后，勾选node-v2，全局安装为了方便webpack，我们可以首先安装一个全局webpack。由于webpack4.0需要依赖webpack-cli，所以我们可以一起安装，其中-D表示全局安装npminstallwebpackwebpack-cli-D看不用我说为什么webpack-v3和本地安装成功.官方已经说明，globalwebpack会将你项目中的webpack锁定到指定的版本，在使用不同webpack版本的项目中，可能会导致构建失败。所以我们需要在项目中安装部分webpack首先我们来初始化一下！！！记住，我们每一个项目都需要在开始的时候进行初始化！！！npminit-y然后我们会在项目的根目录下看到一个package.json文件，里面存放了我们项目中使用的各个包的版本，然后安装webpacknpminstall--save-devwebpacknpminstall--save-devwebpack-cli然后webpack会安装到我们的项目根目录下，同时会添加一个package-lock.json文件。4.webpack配置自从webpack更新到4.0之后，很多要求都变得更加严格了。如果不配置，不仅会影响打包速度，还会不断输出提示。创建一个webpack.config.jsmodule.exports={//打包模式，必须配置，否则打包速度会慢很多mode:'development',//开发模式//mode:'production',//开发模式//entryentry:{"main":"./main.js"},//exportoutput:{filename:'./build.js'},//监听文件变化，自动打包watch:true,}5，使用webpack打包命令一（没有配置时）webpackmain.js--output-filenamebundle.js--output-path。--modedevelopment简称webpackmain.js-obundle.js--modedevelopment打包命令二（配置打包脚本）"scripts":{"test":"echo\"Error:notestspecified\"&&exit1","build":"webpackmain.js--output-filenamebuild.js--output-path.--modedevelopment"},packnpmrunbuidl(namewhateveryouconfigure)pack命令三(配置webpack.默认安全机制可能会阻止小编终端执行脚本，所以可能会出现cmd可以查看webpack版本，可以正常使用webpack，而小编终端会报错，所以我们需要更改node默认的安全机制，首先，检查set-executionpolicyremotesigned是否修改为默认的get-executionpolicy。
