webpack打包多应用

最新推荐文章于 2024-03-19 20:02:17 发布

rookieLink

最新推荐文章于 2024-03-19 20:02:17 发布

阅读量114

点赞数

分类专栏： webpack系列

本文链接：https://blog.csdn.net/zf2014122891/article/details/104562873

版权

webpack系列专栏收录该内容

37 篇文章 2 订阅

订阅专栏

打包多页应用

webpack.config.js

let path = require('path');
let HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
    // 多入口
    mode: 'development',
    entry: {
        home: './src/index.js',
        other: './src/other.js'
    },
    output: {
        // 这里的 name代表 home， other
        filename: '[name]bundle.js',
        path: path.resolve(__dirname, 'dist')
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: "./index.html",
            filename: "home.html",
            chunks: [
                "home",
            ],
        }),
        new HtmlWebpackPlugin({
            template: "./index.html",
            filename: "other.html",
            chunks: ["home", "other"],
        })
    ]
};