話不多說,先甩代碼先
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'],//對一些公共使用的方法模塊建立一個獨立模塊引用坪哄,從而避免的重復(fù)引用叹阔,一定成都加快的打包速度
}
}
}
]
},
plugins:[new htmlWebpackPlugin({
template:'index.html',
title:'webpack is good',
data: new Date(),
minify:{
removeComments:true,//去掉注釋
// collapseWhitespace:true,//去掉空格
},
// chunks:['main'],//僅加載哪些js模塊
})]
}