跳到主要内容

Entry Points

2024年11月17日
柏拉文
越努力，越幸运

一、认识​

Entry Points （多入口）: 通过配置多个 entry，将应用的不同部分分成独立的入口文件。

二、配置​

webpack.config.js配置entry,配置如下所示:

const Path = require("path");

module.exports = {
  mode: "production",
  entry: {
    entry1: Path.resolve(__dirname, "src", "entry1.js"),
    entry2: Path.resolve(__dirname, "src", "entry2.js"),
  },
  output: {
    filename: "[name].js",
    path: Path.resolve(__dirname, "build"),
  },
};

通过入口起点进行代码分离带来的问题:

  • 如果入口 chunks 之间包含重复的模块，那些重复模块都会被引入到各个 bundle 中。
  • 这种方法不够灵活，并且不能将核心应用程序逻辑进行动态拆分代码。