webpack 入门

http://blog.csdn.net/kun5706947/article/details/52596766

1、

npm install -g webpack   全局安装webpack

npm install --save-dev webpack  在本项目总安装webpack

2、

npm init    初始化pack.json文件

webpack app/main.js(入口文件) public bundle.js（出口文件） 打包文件

3、

webpack.config.js  配置出入口文件

直接webpack进行打包

4、

pack.json  配置 start:webpack   

直接使用npm start 打包

5、构建本地服务

npm install --save-dev webpack-dev-server

需局部安装webpack 

可能会出现的问题：Refusing to install webpack as a dependency of itself 

说明在package.json文件name字段已经有一个就叫webpack，换个名字即可webpack-test

6、

pack.json  配置 start:webpack-dev-server。

直接使用npm start 启动服务。

7、loader和plugins的区别

loaders:在打包构建过程中用来处理单个文件，一次处理一个。

plugins:对构建过程中起作用。