摘要:这样就可以通过配置例如我现在又一个,需要引入,然后我在工程里配置此时代码中可以写是可以在浏览器被执行的,虽然最后并没有将打包到中,但是需要引用,也就是说最终的文件引入了本身打包的加上
最近在用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做一些是sdk相关的东西,有几个概念总结一下: 1、library要做sdk,一定要做的一个配置,用于说明最终的SDK暴露给调用者的一个名称例如:library: HelloJS,外...
摘要:主要做了两套方案,一套是基于的单页应用,还有一套就是多页应用。麻烦的是原先使用这个方案。这太麻烦了,还不如使用一步到位。后记暂时只做了这些,这套工具还没有正式投入使用估计会有挺多问题的。 不想看下面废话的,可以直接看这里。 前言 这两周负责公司前端基础工程的建设。主要做了两套方案,一套是基于vue的单页应用,还有一套就是多页应用。对于vue单页这块是没什么问题的,直接用vue-cli生...
摘要:首先把这个示例仓库下载到本地准备就绪,正文开始简介以下内容基于和这两个打包工具来展开。但是目前,中的大多数包都是以模块的形式出现的。在它们更改之前,我们需要将模块转换为供处理。可以在中把注释掉看看打包后的文件,会把整个打包进来。 本文一共七个例子,由浅入深带你熟悉Rollup。首先把 rollup-demos 这个示例仓库下载到本地 mkdir rollup cd rollup git...
阅读 3477·2023-04-25 19:56
阅读 1589·2021-11-12 10:36
阅读 1738·2021-11-08 13:19
阅读 1501·2019-08-30 14:06
阅读 2992·2019-08-30 11:01
阅读 1671·2019-08-29 13:23
阅读 2668·2019-08-29 11:18
阅读 3382·2019-08-26 13:35