1.下载webpack：
下载到全局：
npm install webpack -g
下载到项目文件中：
如该项目没有package.json文件，则进入到该项目的目录，执行：
npm init,
npm install webpack --save-dev(似乎这个不执行也没有影响)；
如项目中有package.json文件，则直接进入下一步；
2.在项目下建立webpack的配置文件：webpack.config.js,如：（就是创建一个名为webpack.config.js的文件）
//加载路径解析库
var path = require("path");
module.exports = {
//入口文件
entry:"./entry.js",
//
output:{
path:path.join(__dirname,"public/dist"),
filename:"main.bundle.js"
},
//
module:{
//加载器配置（当然使用的加载器都需要使用npm install 进行下载 如：npm install css-loader --save-dev）
rules:[
{test:/\.js$/,
loader:['babel-loader'] //js加载
{
test: /\.css$/,
loader: "style-loader!css-loader" //css加载,有些说可以将-loader省略，但是我省略不行，不知道是不是因为是webpack2的原因
},
{
test: /\.(png|jpg)$/, //图片加载
loader: "url-loader"
}
]
}
}
3.使用webpack命令进行打包。webpack -w打包的同时监听模块文件，如果模块修改，打包会自动进行。
备注：关于之前遇到的打包了css文件，页面没有效果的问题：就是必须在入口文件，即entry.js文件中require对应的css文件。
