资讯专栏INFORMATION COLUMN

webpack里的externals

wizChen / 619人阅读

摘要:这样就可以通过配置例如我现在又一个,需要引入,然后我在工程里配置此时代码中可以写是可以在浏览器被执行的,虽然最后并没有将打包到中,但是需要引用,也就是说最终的文件引入了本身打包的加上

最近在用webpack做一些是sdk相关的东西,有几个概念总结一下:

1、library
要做sdk,一定要做的一个配置,用于说明最终的SDK暴露给调用者的一个名称
例如:library: "HelloJS",
外部调用的时候,就是HelloJS.method,import {**} from HelloJS,又或者是let a = require("HelloJS")

2、libraryTarget
是表示打包出去之后支持外部以一种什么样方式引入,global全局?commomJS的require还是ES6的模块化improt * from HelloJS

一般情况下,我配置libraryTarget: "umd",就是上面三种都支持,没问题,这样就对了

3、externals
表示很多时候我们用了第三方库,但是又不想让webpack将它打包到项目种,避免项目太大。这样就可以通过配置externals
例如,我现在又一个demo,需要引入HelloJS,然后我在demo工程里配置
externals{

HelloJS: ‘HelloJS’

}
此时demo代码中可以写import * from "HelloJS",是可以在浏览器被执行的,虽然最后webpack并没有将HelloJS打包到demo中,但是index.hmtl需要引用HelloJS,也就是说最终的index文件引入了webpack本身打包的bundle.js加上HelloJS

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/99035.html

相关文章

  • webpack里的externals

    摘要:这样就可以通过配置例如我现在又一个,需要引入,然后我在工程里配置此时代码中可以写是可以在浏览器被执行的,虽然最后并没有将打包到中,但是需要引用,也就是说最终的文件引入了本身打包的加上 最近在用webpack做一些是sdk相关的东西,有几个概念总结一下: 1、library要做sdk,一定要做的一个配置,用于说明最终的SDK暴露给调用者的一个名称例如:library: HelloJS,外...

    jerryloveemily 评论0 收藏0
  • webpack配置

    摘要:配置无入口的在输出时的文件名称。配置发布到线上资源的前缀,为类型。则是用于配置这个异步插入的标签的值。配置以何种方式导出库。是字符串的枚举类型,支持以下配置。在为时,配置将没有意义。是可选配置项,类型需要是其中一个。 webpack配置 查看所有文档页面:全栈开发,获取更多信息。原文链接:第2章 配置,原文广告模态框遮挡,阅读体验不好,所以整理成本文,方便查找。 配置 Webpack...

    Doyle 评论0 收藏0
  • 摒弃gulp.js+require.js,使用webpack配置多页面web项目

    摘要:主要做了两套方案,一套是基于的单页应用,还有一套就是多页应用。麻烦的是原先使用这个方案。这太麻烦了,还不如使用一步到位。后记暂时只做了这些,这套工具还没有正式投入使用估计会有挺多问题的。 不想看下面废话的,可以直接看这里。 前言 这两周负责公司前端基础工程的建设。主要做了两套方案,一套是基于vue的单页应用,还有一套就是多页应用。对于vue单页这块是没什么问题的,直接用vue-cli生...

    lingdududu 评论0 收藏0
  • 手把手带你走进下一代的ES6模块打包工具—Rollup

    摘要:首先把这个示例仓库下载到本地准备就绪,正文开始简介以下内容基于和这两个打包工具来展开。但是目前,中的大多数包都是以模块的形式出现的。在它们更改之前,我们需要将模块转换为供处理。可以在中把注释掉看看打包后的文件,会把整个打包进来。 本文一共七个例子,由浅入深带你熟悉Rollup。首先把 rollup-demos 这个示例仓库下载到本地 mkdir rollup cd rollup git...

    李文鹏 评论0 收藏0

发表评论

0条评论

wizChen

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<