1.
//導(dǎo)入模塊
const HtmlWebpackPlugin = require('html-webpack-plugin');
// 配置入口和出口
// 導(dǎo)入path模塊，path是node.js自帶的模塊，作用是用來(lái)出來(lái)相關(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代碼會(huì)被壓縮
mode: 'development'
// 模塊配置,
module: {
// 模塊環(huán)境
rules: [
{
test: /\.css$/,
use: ['style-loader', 'css-loader'],
},
],
},
//插件模塊
plugins: [
new HtmlWebpackPlugin('./idnex.html')
]
}
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。
