Webpack 配置笔记

发表于 | 分类于

entry

单入口场景：

entry: string|Array

1
2
3
4
5
6
7
8
9
10
11
const config = {
  entry: {
    main: './path/to/my/entry/file.js'
  }
};
// 简写
const config = {
  entry: './path/to/my/entry/file.js'
};

module.exports = config;

向 entry 属性传入「文件路径(file path)数组」将创建“多个主入口(multi-main entry)”。

传入数组这种方式有助于，在你想要多个依赖文件一起注入，并且将它们的依赖导向到一个“chunk”时。

多入口场景：

entry: {[entryChunkName: string]: string|Array}

1
2
3
4
5
6
const config = {
  entry: {
    app: './src/app.js',
    vendors: './src/vendors.js'
  }
};