前端webpack专场webpack学习前端拾遗

webpack -- entry

2017-07-10  本文已影响39人  就叫初九吧

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输出不同的构建文件,这对多页面应用是很有作用的

上一篇 下一篇

猜你喜欢

热点阅读