webpack中的externals使用

webpack中使用 externals设置第三方依赖库,可以进行变量挂载,从而使用index.html中引入的cdn库,避免了打包时将复杂的第三方库打包,节省了打包资源缩减了bundle的体积,在发布到生产环境时,要注意:npm安装的小版本问题,要保证开发时 node_modules 里的版本库 与模板cdn中的第三方版本 要保持一致。举个使用方法的例子:

4901600A-9FF9-4B34-867B-946A73DDF310.png

image.png

A4B19E63-5022-459E-BD6E-128BE4F001D7.png

推荐阅读更多精彩内容

  • 原文首发于:Webpack 3,从入门到放弃 Update (2017.8.27) : 关于 output.pub...
    昵称都被用完了衰阅读 1,432评论 4 19
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 11,466评论 7 109
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 6,934评论 7 35
  • 佛山南海区隆信机械有限公司的专利产品--智能切管机,是切管机行业的新星。智能切管机凭借着几大特点,在切管机行业...
    苏小旋阅读 205评论 0 0
  • 夜深沉, 夜漫长。 街边的路灯, 一点幽暗的光, 悄悄的投进窗。 老式的, 方型的, 带点花的天花板。 有蜘蛛在织...
    树叶_1531阅读 185评论 12 23