关于webpack的使用流程。
依旧先打开CMD
安装好node因为之前我已经安装好了，所有就不需要再安装了。直接安装webpack吧
进入要进行的项目文件，因为demo文件是e:\www\test3
所以命令行是： cd e:\www\test3
代码是: npm install webpack -g (全局安装)
安装完以后，要创建一个文件名，那么输入的命令是 npm init
然后就生成了一个package.json文件
然后安装webpack，命令行是： npm install webpack --save-dev
（–save-dev: 模块名将被添加到devDependencies，可以简化为参数-D。）
安装成功！
打开的package.json文件
大体上，webpack就安装好了，那么开始对文件进行打包与使用吧！
首先我们先创建一个名为index.html的静态页面和一个名为entry.js的JS文件
<!-- index.html --> <html> <head> <meta charset="utf-8"> </head> <body> <h1 id="app"></h1> <script src="bundle.js"></script> <!-- 注意这里引入的不是我们创建的文件，而是用webpack生成的文件 --> </body> </html>
/*** entry.js ***/ document.getElementById('app').innerHTML="这是我第一个打包成功的程序";
文件都创建成功以后，我们就输入命令行： webpack entry.js bundle.js 进行打包吧！
打包完成以后，可以打开静态页面index.html打开哟！
好了，引进了一个是不够的，然后我们再引入一个。创建一个名字为first.js的文件
var h2= document.createElement("h2") h2.innerHTML="我可是一个叠加包哟！"; document.body.appendChild(h2);
然后我们再修改一下entry.js里面的内容
document.getElementById('app').innerHTML="这是我第一个打包成功的程序";
//添加
require("./first.js");
再来进行一次重复的工作，再打包一次。 webpack entry.js bundle.js ，如果成功，打包过程会显示日志：
Webpack 会分析入口文件，解析包含依赖关系的各个文件。这些文件（模块）都打包到 bundle.js 。Webpack 会给每个模块分配一个唯一的 id 并通过这个 id 索引和访问模块。在页面启动时，会先执行 entry.js 中的代码，其它模块会在运行 require 的时候再执行。
刷新浏览器，可以发现我们的刚刚的代码已经生效，又有了新的文字出现。
现在我们开始弄loader
Loader可以理解为是模块和资源的转换器，它本身是一个函数，接受源文件作为参数，返回转换的结果。这样，我们就可以通过require来加载任何类型的模块或文件，比如VUE、JSX、SASS 或图片。
首先安装loader，安装的命令行是： npm install css-loader style-loader --save-dev
在package.json中，主要是devDependencies这个字段有了改变：
"devDependencies": { "css-loader": "^0.23.1", "style-loader": "^0.13.0", "webpack": "^1.12.2" }
当然你可以用一个更加方便的方式进行安装，可以直接在package.json中，添加相应的依赖（如上面的代码），之后的命令行中运行npm intall，它会自动帮我们安装相应的依赖。
加载CSS文件
先去创建一个style.css的文件
body{ background:red; }
修改我们的entry.js，原文件不变，添加require("!style!css!./style.css");,用来引入我们的css文件。
document.getElementById('app').innerHTML="这是我第一个打包成功的程序";
require("./first.js");
require("!style!css!./style.css");
然后执行 webpack entry.js bundle.js 接着刷新页面
成功！
我们可以把!style!css!提取出来，
