webpack里的externals

jerryloveemily 发布于2019-08-02 11:55 / 2228人阅读

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

最近在用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

云服务器 GPU云服务器 externals External extern asp extern

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

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

webpack里的externals

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

wizChen 2019-08-23 12:50 评论0 收藏0
webpack配置

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

Doyle 2019-08-22 17:27 评论0 收藏0
摒弃gulp.js+require.js，使用webpack配置多页面web项目

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

lingdududu 2019-08-22 11:13 评论0 收藏0
手把手带你走进下一代的ES6模块打包工具—Rollup

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

李文鹏 2019-08-22 11:22 评论0 收藏0