webpack-entry的详细配置

官网地址: https://webpack.docschina.org/configuration/entry-context/

entry的详细配置

目录结构

 

 

 entry入口可以有多种形式，这种为字符串形式

entry: "./src/index.js",

 

 

 此时代表webpack的入口文件数量为1个，出口打包好的chunk模块的数量也是一个

如果entry入口参数为数组，则表示多个入口文件，但是只会产生一个模块

  entry: ["./src/index.js","./src/a.js","./src/b.js","./src/c.js"],

入口文件一共是4个，都统一放到数组中，每一项是入口文件的路径地址

 

 

 如果entry的入口是一个对象，则表示多个入口对应多个chunk模块

  entry: {
    fileA: './src/a.js',
    fileB: './src/b.js',
    fileC: './src/c.js'
  },

此时进行webpack会报错

 

 是因为我们有多文件入口，但是只指定了一个输出文件名，所以每个需要打包的文件根据文件名打包输出

 entry: {
    fileA: ['./src/a.js', './src/b.js'],
    fileC: './src/c.js'
  },
  output: {
    filename: "[name].js",
    path: resolve(__dirname,'build')
  },

此时在进行webpack打包

 

 三个入口文件，输出三个chunks模块

如果引入的对象中有数组，那么这个数字就是一个模块

  entry: {
    fileA: ['./src/a.js', './src/b.js'],
    fileC: './src/c.js'
  },