# 安装
注意
本次搭建的webpack工程，webpack版本是4.x，后续涉及的babel版本是7.x，均为目前文章编写日期的最新版本。
首先创建项目文件夹并初始化，安装webpack。
mkdir webpack-demo
cd webpack-demo
npm init
npm i webpack webpack-cli -D
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
# 创建工程
之后在项目的根目录创建webpack.config.js文件，作为webpack的配置文件。
然后创建我们的源代码目录src，其中添加源文件index.js，并在其中输入下面的代码
let str = '测试'
console.log(str);
1
2
3
2
3
等待全部模块安装完成后，我们在控制台输入webpack命令，如果不出意外的话，你的根目录会出现一个dist文件夹，而且里面
有main.js文件，打开该文件，搜索测试字样，我们可以发现，在代码的最后会有console.log('测试')代码，可以发现，我们写的
代码已经打包进最后生成的文件，而且，它还为我们自动做了优化，删除了无用的变量。
等下，你此时肯定会发现，控制台有如下警告：
那么，接下来就让我们一同来解决这个问题，并一步步的配置webpack吧。