1、需下载依赖:
① npm init -y 初始化包
② npm i webpack webpack-cli -D
③ npm i html-webpack-plugin -D
2、写webpack 的配置文件(webpack.config.js)
let path = require('path')
let HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
mode: 'developmnet',
entry: {
home: './src/home.js',
other: './src/home.js'
},
output: {
filename: '[name].js',
path: path.resolve(__dirname, './dist')
},
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html',
filename: 'home.html',
chunks: ['home'],
}),
new HtmlWebpackPlugin({
template: './src/index.html',
filename: 'other.html',
chunks: ['other'],
})
]
}
3、项目的目录
sec
home.js
other.js
index.html
webpack.config.js
node_modules
就这样子,欢迎指正~