webpack打包

1.在D:\project\新建一个app项目

2.打开cmd，在cmd中进入app文件夹

3. D:\project\app>npm init  (执行npm init的命令，然后app文件夹中会自动生成一个package.json的文件)      

4.在app里新建一个webpack.config.js文件,文件内容如下：

var  path=require('path');

var  HtmlwebpackPlugin=require('html-webpack-plugin');//定义了一些文件夹的路径

var  ROOT_PATH=path.resolve(__dirname);

var   APP_PATH=path.resolve(ROOT_PATH,'app');

var   BUILD_PATH=path.resolve(ROOT_PATH,'build');

module.exports = {

//项目的文件夹 可以直接用文件夹名称 默认会找index.js 也可以确定是哪个文件名字

entry: APP_PATH,

//输出的文件名 合并以后的js会命名为bundle.jsoutput:

output: {

path: BUILD_PATH,

filename: 'bundle.js'

},

//添加我们的插件 会自动生成一个html文件

plugins: [

new HtmlwebpackPlugin({

title: 'Hello World app'

})

]

};

5.在cmd中：npm install html-webpack-plugin --save-dev 

我们这里安装一个plugin，可以自动快速的帮我们生成HTML。

6.cmd里面执行    D:\project\app>wepack