webpack -- entry

entry是webpack 进行构建时的入口
entry 的写法有三种 分别是1 字符串 2 数组 3 对象
其中 字符串 和数组是 对象的一种简写形式

1 字符串

const config = {
  entry: './path/to/my/entry/file.js'
};

module.exports = config;

2 数组

const config = {
  entry: ['name.js',  './path/to/my/entry/file.js'],
};

module.exports = config;

3 对象

const config = {
  entry:  {
    'test' :  './path/to/my/entry/file.js'
  }
};

module.exports = config;

其中，字符串或数组其实是对象的一个简写形式

const config = {
  entry: {
    main: './path/to/my/entry/file.js'
  }
};

module.exports = config;

或

const config = {
  entry: {
    main: ['name.js',  './path/to/my/entry/file.js']
  }
};

module.exports = config;

当为数组时， 构建的时顺序是按照数组中元素顺序进行构建的,数组中文件是不互相依赖的
对象可以根据不同的key输出不同的构建文件，这对多页面应用是很有作用的

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容