Webpack 4 学习03（配置入口和出口的进阶使用）

前提：知道webpack4的基础配置以及如何使用配置文件进行打包
第一讲 Webpack 4 学习01（基础配置）

一、单出口形式

webpack.config.js

const path = require('path');


module.exports = {
  //单出口形式
  entry:['./public/index.js','./public/index2.js'],//有多个文件
  output:{
    path:path.resolve(__dirname,'build'),
    filename:'bundle.js'
  }
}

image

• 运行npm run dev

  生成唯一的打包文件 bundle.js

  image

二、多出口形式

​ webpack.config.js

const path = require('path');

module.exports = {
  //多出口形式
  entry:{
    entryOne:'./public/entryOne/index.js',
    entryTwo:'./public/entryTwo/index.js',
  },
  output:{
    path:path.resolve(__dirname,'build'),
    filename:'[name].js'
  }
}

​

• 文件结构

  image

• 运行npm run dev

  • 生成两个打包文件

    image