electron模板【lectron-react-boilerplate】多窗口配置【HtmlWebpackPlugin】多页面配置
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
// ... 其他webpack配置
entry: {
index: './src/index.js',
another: './src/another.js',
},
plugins: [
new HtmlWebpackPlugin({
template: './public/index.html',
filename: 'index.html', // 输出文件名为index.html
chunks: ['index'], // 该页面只关联入口js文件index
}),
new HtmlWebpackPlugin({
template: './public/another.html',
filename: 'another.html', // 输出文件名为another.html
chunks: ['another'], // 该页面只关联入口js文件another
}),
// ... 其他插件
],
// ... 其他webpack配置
};
这段代码演示了如何在webpack配置中使用HtmlWebpackPlugin
来创建多个页面。每个页面都有自己的模板文件和输出文件名,并且通过指定chunks
选项来确保关联正确的入口JavaScript文件。这样配置可以确保每个页面加载自己所需的资源,避免了资源之间的冲突。
评论已关闭