入口起点(entry points)

  • A+
所属分类:webpack

单个入口语法

用法:entry:string|Array<string>

const config = {entry:'./path/to/my/entry/file.js'}

等同于

const config ={

entry:{main:'./path/to/my/entry/file.js'}

}

 

当你向entry传入一个数组时会发生什么?

向entry传入 文件路径数组 将创建多个主入口。 在你想要多个依赖文件一起注入,并配将他们的依赖导向到一个“chunk”时,传入数组的方式就很有用。

 

对象语法

用法:entry{ entryChunkName:string:string|Array<string>}

const config={

entry:{app:'./src/app.js', vendors:'./src/vendors.js'}

}

 

应用场景

分离 应用程序(app) 和 第三方库(vendor) 入口

const config={

entry:{app:'./src/app.js', vendors:'./src/vendors.js'}

}

多页面应用程序

const config = {

entry:{

pageOne:'./src/pageOne/index.js',

pageTwo:'./src/pageTwo/index.js',

pageThree:'./src/pageThree/index.js',}

}

 

 

 

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的QQ
  • 我的QQ扫一扫
  • weinxin
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: