Webpack:如何将单个类导出为UMD库？

文章/答案/技术大牛

发布

1回答

webpack、umd

在我的项目semantic-version中，我和webpack一起导出了一个UMD。当用<script src="bundles/semVersion.js"></script>导入到一个HTML文件中时，有趣的单个类就可以在SemVersion.SemVersion() (<lib如何将其直接公开为SimVersion()？(例如，实际上就像jQuery )。谢谢!

浏览 62提问于2021-10-10得票数 1

回答已采纳

1回答

Webpack将ts文件中的导出编译为空

javascript、typescript、npm、webpack、export

export const foo = ()=> 'bar' 我只使用了"npx webpack-cli init“中的默认配置。只对"mode“和"output”进行编辑。const TerserPlugin = require('terser-webpack-plugin'); mode: 'production', output:{

浏览 63提问于2020-12-11得票数 1

回答已采纳

1回答

有webpack的配置来捆绑webpack插件吗？

node.js、typescript、webpack、webpack-plugin

我正在创建一个webpack插件。我用打字本来编码这个插件。在将插件代码发布到NPM之前，我正在尝试将其捆绑在一起。我得到例外，我的插件类不是一个构造函数。"target": "es5", // Specify module code generation: 'commonjs', 'amd', 'system', 'umd' or 'es2015"include&q

浏览 1提问于2021-01-24得票数 2

回答已采纳

1回答

我正在尝试使用es6来创建聊天室连接类。我正在使用rabbitmq/STOMP将交换数据推送给订阅者。我使用的代码使用了es5风格，但我对交换名进行了硬编码。我使用webpack/babel在一个名为chat.bundle.js的文件中将这段代码传输回chat.bundle.js，但当我运行时：控制台日志：Uncaught ReferenceError: ChatRoom is not defined 加载包文件后，我将实例化<

浏览 3提问于2016-02-12得票数 1

回答已采纳

1回答

用webpack和ts-loader再导出ES6模块

javascript、typescript、ecmascript-6、webpack

我有一个类型记录项目，它使用ES6样式语法在模块中导入和导出内容，问题是我有一个webpack入口点，它可以执行以下操作：但是当我把输出的webpack模块包括在内的时候，那么，这是否是意料之中的，我是否需要告诉webpack手动公开Something，或者有什么快速的方

浏览 1提问于2016-03-14得票数 0

回答已采纳

3回答

在Webpack和巴别塔不起作用的情况下导出类

javascript、ecmascript-6、webpack、babeljs

我有一个非常简单的设置与Webpack和巴别塔为一个小图书馆。然而，我决定改变我对ES6类的方法，如下所示：现在，当我尝试这样做的时候：module.exports = { pentagine: "./lib/pentagine.js", demo

浏览 0提问于2016-06-20得票数 14

回答已采纳

2回答

函数在webpack包中不可用

javascript、webpack

对于每个文件夹，我都有，其中我导出了所有模块。import * as Has from ".我的配置如下：const { CleanWebpackPlugin } = require("clean-webpack-plugin")

浏览 1提问于2020-09-08得票数 0

回答已采纳

1回答

进口exports=>false - Webpack装载机

javascript、node.js、webpack、imports-loader

如果我使用，配置中的exports=>false部件是什么意思？它应该注入变量var exports = false，但我不知道何时以及为什么需要这个变量。 loaders : [ test : /eonasdan-bootstrap-datetimepicker/, }]

浏览 4提问于2016-10-27得票数 2

回答已采纳

1回答

使用WebPack、Babel和ES2015在UMD模块中没有导出类型

webpack、babeljs

我在使用UMD模块库导出类时遇到了WebPack问题。问题是，当我尝试将打包包加载到浏览器中时，导出的对象是空的(没有与导出对象匹配的属性)。我为此创建了一个简单的测试项目：~/Playground/webpack-exports-test tree -I node_modules├── buildlet path = req

浏览 5提问于2016-11-29得票数 0

1回答

将vue组件发布到npm包中的Webpack配置

javascript、vue.js、npm、webpack、vue-component

(GlobalVue) {} 有人能帮我做webpack我需要从这个index.js输出4个文件以便它能够支持"main": "dist/vlider.umd.j

浏览 0提问于2019-02-14得票数 0

回答已采纳

1回答

Webpack编译后如何调用模块中的函数

javascript、typescript、webpack、dynamics-crm

文件夹结构如下所示 --test ----helper.ts/******/ (function(modules) { // webpackBootstrapno static exports found */ /***/

浏览 1提问于2019-03-08得票数 1

2回答

如何在ES6项目中导入npm模块？

npm、gulp、webpack、ecmascript-6、babeljs

我有一个npm模块()，它使用webpack与babel一起从src/index.js生成dist/bundle.js，然后在我的package.json中指定主文件是index.js (主目录)，该主文件有以下代码});import guestbook from 'squarebook'; 我希望能够使用guestbook作为我从squarebook包导出的函数

浏览 3提问于2016-09-23得票数 3

回答已采纳

2回答

使用es6模块使api可访问的最佳方法

javascript、ecmascript-6、babeljs

我正在用es6 (用babel翻译)编写一个浏览器api。由于其他js将调用我的api，我需要使我的api可以从全局(窗口)范围访问。myApp.js var a, b, c; // set a return { // ... other functions}

浏览 6提问于2016-02-05得票数 2

回答已采纳

1回答

如何在完全独立的webpacked应用程序中访问Javascript

javascript、webpack

我需要做的是能够导入和使用主应用程序导出/使用的任何JS类，而不需要将代码放在本地文件系统上。此问题的答案指向使用webpack配置的输出部分中的库选项： path: './', library: ['GlobalAccess', '[name]']

浏览 1提问于2017-06-06得票数 0

1回答

在声明文件中自动导出为命名空间

typescript、typescript-typings

我有一个小的ts库，它被输出为UMD，并且我还通过tsconfig："declaration": true自动输出*.d.ts文件。要导出的文件如下所示： alert(): void { }使用导出的UMDd.ts文件如下所示： alert(): void;

浏览 3提问于2017-02-07得票数 9

1回答

Webpack:如何将类构造函数公开给浏览器的全局命名空间

javascript、webpack

我是webpack的新手，我不知道如何将类构造函数公开到浏览器的全局命名空间。例如，如何配置webpack，使下面的代码在控制台中打印“hello world”？

浏览 1提问于2019-02-27得票数 3

回答已采纳

1回答

Webpack 4:如何为导出单个模块的库设置代码拆分(类似于Lodash或Office )

javascript、npm、webpack、module、code-splitting

目前，我有一个大型的私有NPM库，它正在被其他团队的业务应用程序所消耗。目前，库被发布为一个大的单个文件(比如主存档文件)，但是这会导致应用程序包的大小膨胀，因为一些应用程序不需要库中的大量内容。正在输出单个文件，但它并没有以一种应用程序可以使用库的方式来分割公共代码。因此，请注意在每个模块中导入的SOME_CONST_STRING上，Webpack将此代码放在两个导出的文件中。/lib', library

浏览 1提问于2019-03-27得票数 1

1回答

Webpack能在客户端动态加载UMD模块吗？

javascript、webpack、dynamic、load、umd

我需要在浏览器中下载一个UMD库并将其呈现为应用程序的一部分，但是在Webpack中的一切都是自包含的。有可能吗？它对某些人有效吗？

浏览 5提问于2018-12-11得票数 0

1回答

webpack从多个条目文件导出类

javascript、ecmascript-6、webpack

我用webpack来捆绑一个框架，供第三方使用。这个框架应该公开多个ES6类。以模块化的方式构建，我已经编写了每个文件一个类。我想要做的是一起构建所有这些文件，并将它们打包到给定的“命名空间”中。示例：oranges.js export class Oranges {...}module.exports/dist',

浏览 1提问于2015-09-10得票数 16

回答已采纳

2回答

webpack中的导出类模块

javascript、node.js、webpack、es6-class

我使用Webpack导入一个只有一个类的javascript文件。/my_class.js';const path = require('path') entry: '.const myClass = new myClass(); 我能够看起来像我的控制台日志("hello from my_class")，但是myClass显示为</e

浏览 4提问于2021-02-18得票数 4

点击加载更多