七、Webpack 配置详解

九、Webpack 配置详解

---

1. Entry 的四种配置

//Entry的四种写法

//第一种：单入口 string类型 -->  entry: './src/index.js'
module: {
   
    //单入口 string类型 
    entry: './src/js/index.js', 
      
    output: {
   
        filename: '[name].js',  //最终会输出一个文件，文件名为main.js
        path: resolve(__dirname, 'build'), 
    },
}

//第二种：多入口 array类型  --> entry: ['./src/index.js', './src/add.js']
module: {
   
    //多入口 array类型
    entry: ['./src/index.js', './src/add.js']
      
    output: {
   
        filename: '[name].js',  //最终会输出一个文件，文件名为main.js
        path: resolve(__dirname, 'build'), 
    },
}

//第三种：多入口 object类型
module: {
   
    //多入口 object类型
    entry: {
   
        index: './src/index.js',
        add: './src/add.js'
    },
      
    output: {
   
        filename: '[name].js',  //有几个入口文件就形成几个chunk，输出几个bundle文件，最终会生成index.js文件和add.js文件
        path