1.
//導(dǎo)入模塊
const HtmlWebpackPlugin = require('html-webpack-plugin');
// 配置入口和出口
// 導(dǎo)入path模塊，path是node.js自帶的模塊泻云，作用是用來出來相關(guān)路徑相關(guān)的事情
module.exports={
// 配置入口文件，告訴webpack從哪里開始打包
entry: './main.js',
// 配置出口叁幢，output是輸出的意思
output: {
// 配置輸出的路徑
//__dirname是當(dāng)前目錄的意思，打包好的文件放在當(dāng)前目錄的dist文件夾下
path: path.resolve(__dirname,'dist'),
// 打包的js文件名稱
filename: 'wuhaohau.js'
},
// 模式配置（壞境配置） development代碼不壓縮,production代碼會被壓縮
mode: 'development'
// 模塊配置,
module: {
// 模塊環(huán)境
rules: [
{
test: /\.css$/,
use: ['style-loader', 'css-loader'],
},
],
},
//插件模塊
plugins: [
new HtmlWebpackPlugin('./idnex.html')
]
}
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
