webpack打包简单案例

一、关于webpack安装
前提：安装好node.js，用npm下载webpack
在根目录下 npm -i -g webpack(可以暂时不安装cli)，没有权限可以用sudo

二、关于项目搭建
建立一个webpack项目文件夹，在文件夹中局部安装webpack
cd webpack
npm -i -d webpack
快速初始化项目
npm init -y
创建一个src文件夹存放源文件，创建你的源文件index.js，写下你的代码
创建一个存放打包后的文件夹dist

三、开始打包
命令：webpack ./src./index.js(入口) -o ./dist./bundle.js(创建打包的输出文件)
便于修改，最好监听变化
命令：webpack --watch ./src/index.js -o ./dist/bundle.js
在index.js文件有变化时，输出文件会随之变化
压缩文件：（4版之后好像会自动压缩）
命令：webpack -p ./src/index.js -o ./dist/bundle.js