webpack配置(入口出口)
Posted 平静的学习
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack配置(入口出口)相关的知识,希望对你有一定的参考价值。
const path=require(‘path‘); //是node.js的path模块
//单入口,单出口
module.exports={
// 入口文件
entry:{
entry:‘./src/entry.js‘ //入口文件路径
},
// 出口文件的配置项
output:{
path:path.resolve(__dirname,‘dist‘),/打包文件的绝对路径
filename:‘build.js‘,//打包的文件名
}
}
//多入口,多出口 (webpack)
module.exports={
entry:{
main:‘./src/main.js‘,
entry:‘./src/main.js‘
},
// 出口的配置项
output:{
path:path.resolve(__dirname,‘dist‘),
//filename:‘[name].js‘
filename:‘./js/[name].js‘
}
}
//[name]的意思是根据入口文件的名称,打包成相同的名称,有几个入口文件,就打包出几个文件
以上是关于webpack配置(入口出口)的主要内容,如果未能解决你的问题,请参考以下文章