前提：知道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.jsimage
二、多出口形式
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
-
