记录一下webpack4 配置多页面

webpack.config.js中配置

const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const CleanWebpackPlugin = require("clean-webpack-plugin");

const plugin = [
  new HtmlWebpackPlugin({
    filename: "admin.html",
    template: `src/admin/index.html`,
    chunks: ["admin"],
    inject: true,
    minify: {
      removeComments: true,
      collapseWhitespace: true
    }
  }),
  new HtmlWebpackPlugin({
    filename: "mobile.html",
    template: `src/mobile/index.html`,
    chunks: ["mobile"],
    inject: true,
    minify: {
      removeComments: true,
      collapseWhitespace: true
    }
  })
];

module.exports = {
  // 输入
  entry: {
    admin: path.resolve(__dirname, `src/admin/index.js`),
    mobile: path.resolve(__dirname, `src/mobile/index.js`)
  },
  // 输出
  output: {
    filename: `[name].[hash].js`,
    path: path.resolve(__dirname, `dist`),
    publicPath: ``
  },
  plugins: [
    ...plugin,
    new CleanWebpackPlugin(["dist"]),
  ],
  module: {
    rules: []
  },
};
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 本文主要从webpack4.x入手,会对平时常用的Webpack配置一一讲解,各个功能点都有对应的详细例子,...
    BetterChen阅读 1,970评论 0 3
  • 熟悉 webpack 与 webpack4 配置。 webpack4 相对于 3 的最主要的区别是所谓的零配置,但...
    yichen_china阅读 1,436评论 0 3
  • 本教程总共9篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React...
    前端人人阅读 1,944评论 0 3
  • 8.22 吃的太撑现在一动也不想动,想起还没写日报。今天感觉一上午都在和拼图呆在一起,一开始陪六六,拼完两个他可能...
    徐小豆呀阅读 201评论 2 2
  • 今天妈妈在超市里给我买了一个新玩具,叫自动糖果机,就一个盒子,里面装着钱和糖果,总共有60块钱,每个硬币十元,所以...
    薛阔阅读 129评论 0 0