43得票2回答
如何使用webpack打包一个库?

我希望创建一个前端库。因此我想使用webpack。我特别喜欢css和image loader。但是如果我使用webpack,我只能要求非JS文件。由于我正在构建一个库,我无法保证我的库的用户也会这样做。 有没有一种方法将所有内容捆绑成UMD模块以发布?我尝试使用多个入口点,但随后无法要求该模块。

38得票1回答
UMD和CommonJS(CJS)包文件夹有什么不同,我应该使用哪个?

我使用 package.json 安装了 ReactJS 和 react-dom。 "dependencies": { "bootstrap": "^v4.1.1", "popper.js": "^1.14.3", "react": "...

29得票2回答
Webpack 4通用库目标

根据Webpack 4的文档,如果我指定libraryTarget: 'umd',则应产生以下输出: (function webpackUniversalModuleDefinition(root, factory) { if(typeof exports === 'object' &a...

27得票4回答
如何在Typescript中导出一个类实例

我正在编写一个TS库,并希望导出一个类的实例,我打算在使用该库的应用程序中将其用作单例。 目前我的结构如下: index.ts export { Foo } from './my-class'; foo.ts export class Foo { functionA() {} ...

20得票1回答
警告:在输出全局变量中未提供外部模块“X”的名称 - 猜测为“X”。

WARNING: No name was provided for external module 'moment' in output.globals – guessing 'momentImported' WARNING: No name was provided for external...

17得票2回答
构建一个JavaScript库,为什么要这样使用IIFE?

我注意到很多库都使用下面的样式来定义它们的库。我还注意到第一个自调用函数与Require.js或AMD系统有关,它们总是把工厂作为参数,我会更深入地了解Require.js,一直在研究Browserify。 为什么主要代码被传递到第一个自调用函数结尾的括号中?这是一个闭包,还是仅被认为是匿名...

16得票6回答
将UMD JavaScript模块导入浏览器

嗨,我正在进行RxJS的一些研究。只需在浏览器中引用库,就可以简单地使用它:<script src="https://unpkg.com/@reactivex/rxjs@5.5.6/dist/global/Rx.js"></script> 它使用了全局对象命名空间变量“...

13得票2回答
如何为UMD库创建TypeScript定义文件(d.ts)

我正在开发库 surveyjs 它使用 gulp+webpack 来构建umd捆绑包。 我希望创建类型定义的捆绑包(或者可能只是多个d.ts文件),以便在TypeScript项目中使用。我想要像这样的东西:import * as Survey from 'surveyjs'; 关于Surv...

13得票3回答
使用webpack从动态源输出UMD模块

我有一个项目结构,其中包含一个文件夹,我想在构建Webpack配置时动态导入到UMD模块中,并使每个文件成为输出构建中的子模块。 例如,假设我的源文件如下:/src/snippets/red.js /src/snippets/green.js /src/snippets/blue.js 我希...

12得票1回答
使用ES6、Webpack和Babel导入UMD风格的模块

我在 StackOverflow 上找到了一些相关的问题,但没有一个与我的问题相匹配或解决它。 我正在使用 ES6 编写一个库,旨在在浏览器和服务器上使用。我发现了一些 HTTP 请求库,可以在服务器或浏览器上使用 (popsicle, axios)。 我已经成功地在这两个地方使用了这些库,...