webpack -- entry

作者: 就叫初九吧 | 来源:发表于2017-07-10 18:03 被阅读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输出不同的构建文件,这对多页面应用是很有作用的

    相关文章

      网友评论

        本文标题:webpack -- entry

        本文链接:https://www.haomeiwen.com/subject/okduhxtx.html