1. 安装webpack
1. npm init -y
2. npm install webpack webpack-cli --save-dev
3. npm ./node_modules/.bin/webpack -v
第三步的时候有如下报错
尝试切换管理员模式下的CMD，又出现报错：
于是在package.json下添加了"webpack": "webpack --version"
再输入指令 npm start -v就可以了
2. 简单运行webpack
1. 根目录新建webpack.config.js，配置内容如下
2. 添加文件，最后文件夹目录结构如下：
3. 修改一下package.json,在script内部添加"build":"webpack"
4. 运行指令：npm run build，得到如下界面：发现dist下面多了一个bundle.js文件
3. webpack基本用法
1）entry：指定打包入口
2）output：指定打包出口，通过占位符[name]确定打包文件名称唯一，也就是说如果有多个打包入口，那么会为每一个入口文件生成一个对应的打包文件
3）Loaders: webpack本身只支持JS和JSON文件类型，通过Loaders去支持其他文件类型。
一些常用的loader：babel-loader, css-loader, less-loader, ts-loader, file-loader, raw-loader, thread-loader
3）plugins: 用于bundle文件的优化，资源管理和环境变量注入，作用于整个构建过程
常用plugins：CommonsChunkPlugin, CleanWebpackPlugin, ExtracTextWebpackPlugin, CopyWebpackPlugin, HtmlWebpackPlugin, UglifyjsWebpackPlugin, ZipWebpackPlugin
