webpack-打包多页面

最新推荐文章于 2023-01-09 00:46:01 发布

LuckRain7

最新推荐文章于 2023-01-09 00:46:01 发布

阅读量140

点赞数 1

文章标签： webpack

本文链接：https://blog.csdn.net/True_Rain/article/details/98207152

版权

注意的是需要 new 两个 HtmlWebpackPlugin（）

const path = require('path');

const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    //多入口
    mode: 'production',
    entry: {
        home: './src/index.js',
        other: './src/other.js'
    },
    output: {
        // [name] 表示 home 和 other
        filename: '[name].js',
        path: path.join(__dirname, './dist')
    },
    plugins: [

        new HtmlWebpackPlugin({
            template: 'index.html',
            filename: 'home.html',
            chunks:['home']
        }),

        new HtmlWebpackPlugin({
            template: 'index.html',
            filename: 'other.html',
            chunks:['other']
        }),

    ],
}