javascript - Webpack:如何在一个全局变量下隐藏导出函数/变量?

标签 javascript typescript ecmascript-6 webpack umd

我正在改变 TypeScript 库的构建方式,从 gulp concat + typescript 编译器到 Webpack。

该库现在可以与 require/import 关键字一起使用。但是,我必须放弃以经典方式使用库的能力,包括将脚本放入 html header 中。

在所有函数/变量都隐藏在全局变量Survey下之前。为了实现这一点,使用了 typescript 命名空间 Survey {},并且所有需要的类/变量都使用 export 关键字。

我必须删除命名空间,现在,为了实现相同的目的,拥有一个全局变量,我必须将所有需要的导出类/变量包含到构建条目中点文件:

https://github.com/dmitrykurmanov/surveyjs/blob/bd62cd7388960a0230767b3bcf97e6332ee99cf3/src/entries/koBootstrapIndex.js

有没有其他方法可以在不创建这个巨大列表的情况下实现相同的目的?

最佳答案

您可以使用 ES6 重新导出,而不是导入、组合成对象文字,然后重新导出(通过 module.exports):

import … from …
export … // module.exports = {…};

变成了

export … from …

因此您仍然需要构建标识符列表,但不必再重复它们。

关于javascript - Webpack:如何在一个全局变量下隐藏导出函数/变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39890553/

相关文章:

javascript - 如何将 javascript 脚本中的倒数计时器 document.getElementById() 多次写入嵌套在 php for 循环中的 html 段落中?

javascript - 网址获取不会在谷歌浏览器上工作

javascript - 使用 babel 时是否需要 require js?

javascript - 在运行时向控制台方法添加动态值,并完整保留原始调用位置和行号

javascript - 如何使用 javascript 替换 json 字符串中的所有字符

javascript - 如何将开始日期和结束日期的周数填充到下拉列表中?

javascript - 使用 TypeScript 打字的样式化系统 Prop

html - Angular 4 - 如何显示继承类组件的模板

typescript - 在 sequelize db 操作后返回 bluebird promise

javascript - 将 Promise 存储在异步函数的多个变量中