webpack3

话不多说，先甩代码先

const path = require('path');

const htmlWebpackPlugin  = require('html-webpack-plugin');

module.exports = {

entry:'./src/app.js'

// {

// main:'./src/js/main.js',

// hello:'./src/js/hello.js'

// }

,

output:{

path:path.resolve(__dirname, "./dist"),//输出的文件的路径，__dirname node相对运行命令的决定路径

filename:'js/[name][hash]-bundle.js',

// publicPath:'http://baidu.cn/'//如果要上线地址，给js加的前缀

},

module:{

loaders:[

{

test:/\.js$/,

// exclude:/node_modules/,

include:path.resolve(__dirname,'src'),//定义只解析SRC下的js文件

exclude:path.resolve(__dirname,'node_modules'),//用node Api方法取路径地址

use:{

loader:'babel-loader',

options:{

presets:['env'],//新版本的babel，支持解析ES6、ES7、ES8语法

plugins:['transform-runtime'],//对一些公共使用的方法模块建立一个独立模块引用，从而避免的重复引用，一定成都加快的打包速度

}

}

}

]

},

plugins:[new htmlWebpackPlugin({

template:'index.html',

title:'webpack is good',

data: new Date(),

minify:{

removeComments:true,//去掉注释

// collapseWhitespace:true,//去掉空格

},

// chunks:['main'],//仅加载哪些js模块

})]

}