无法将webpack捆绑的UMD库作为ES6导入导入

文章/答案/技术大牛

发布

1回答

javascript、node.js、webpack、ecmascript-6、module

我用Webpack编写了一个javascript库。入口点someClass.js如下所示： import x from './x' }, 然后，我将生成的lib.js导入</em

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

2回答

如何强迫webpack加载图书馆的umd包

angularjs、webpack、angular-upgrade

我正在编写一个angular1 + angular2混合应用程序，它使用webpack作为包绑定器。在我的代码中，我以这种方式导入了一个库(@角/升级)角升级库位于node_module └── package.json├── static.js.map ├── static.metad

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

回答已采纳

1回答

鉴于大多数浏览器现在都支持原生ES6模块，并再加上HTTP/2功能，在这些浏览器中加载未绑定的ES6模块是可行的，但是对于其他浏览器，可以使用脚本标记nomodule属性作为后备。基于此，我希望配置webpack来做这件事；这样，除了做通常的捆绑(例如，生成app.bundle.js)之外，它还将ES6模块复制到输出文件夹并更新导入urls (可以假设所有JS代码都使用本身是ES6模块<e

浏览 2提问于2018-10-31得票数 1

1回答

Webpack -反应ES6转换每个模板(src到dist)

reactjs、webpack、html-webpack-plugin

我正在使用webpack的反应(Es6)项目。我已经用ES6构建了ES6 react应用程序，所以我在任何地方都使用了导入关键字作为依赖项。现在，对于服务器端呈现，我使用的是NodeJS，因此它还不支持导入。为此，我必须使用require而不是导入。现在我已经用webpack来捆绑我的应用程序，但是它总是生成最终的包

浏览 1提问于2016-07-08得票数 1

1回答

如何使用ESM进口Vue材料(Webpack* UMD)？*

vue.js、vue-material

$mount('#jg-app');我得到了我得到了使用ESM导入Vue材料库</e

浏览 1提问于2019-06-10得票数 2

回答已采纳

2回答

Babel与Browserify / Webpack困惑

javascript、ecmascript-6

我对ES2015(ES6)有点困惑。通过使用Babel，导入/导出函数已经在ES6中可用。那么，为什么我需要像Browserify或Webpack这样的东西，如果我仅仅使用这些东西来捆绑我的模块，而ES6可以为我这样做呢？无论我走到哪里，我都会看到人们在使用Babel，同时使用Brows

浏览 6提问于2016-10-07得票数 10

回答已采纳

1回答

Webpack解决导入库的外部问题

javascript、es6-modules、webpack-4

我想和webpack一起创建一个图书馆。我的主要目标主要是发布ES6模块文件，以便我的客户端应用程序和导入以及树摇动库。(它是一个图标库，这样用户就可以捆绑他们在应用程序中使用的图标库)。我让库将umd模块构建为dist，并将package.json中的module字段设置为导出所有图标的src目录文件。每个图标都是一个React组件。我已经<

浏览 1提问于2018-08-25得票数 1

回答已采纳

1回答

“常规”npm模块在角度/离子应用中的应用

angular、npm、module、ionic3

我想在一个角/离子的应用程序中读取一个.plist文件。我在我的项目中安装了它，现在我想知道在我的角度代码中调用它的最好方法是什么？现在我就这样做了const data = plist.parse(plistXML);import * as plis

浏览 0提问于2018-01-17得票数 1

回答已采纳

2回答

不能要求JS文件客户端

javascript、html、npm

问题是我的目标用户将使用我的库来制作html5游戏。我没有制作客户端应用程序的经验，也不能真正理解如果没有这些方法，导入和请求文件是如何工作的。我正在尝试导出的对象的一个示例。老实说，我是即兴发挥的，所以这可能是完全错误的。ctx.fill(); }, hell

浏览 1提问于2018-10-10得票数 0

1回答

在webpack中动态加载外部模块失败

javascript、reactjs、webpack、module、dynamic-import

这些额外的React组件可以按需加载，它们在核心应用程序的构建时不可用(因此它们不能包含在核心应用程序的捆绑包中，必须单独构建)。在研究了一段时间后，我偶然发现了，它看起来很适合。现在，在我的核心应用程序中，我按如下方式导入模块：其中src是与我的模块的名称相匹配的变量为了避

浏览 8提问于2019-06-21得票数 13

回答已采纳

1回答

使用ES6、Webpack和Babel导入UMD样式模块

javascript、ecmascript-6、webpack、babeljs、umd

我发现了一些与此相关的StackOverflow问题，但没有一个符合或解决了我的问题。我正在用ES6编写一个库，用于在浏览器和服务器上使用。我已经找到了一些可以在服务器或浏览器(、)上使用的HTTP请求库。我在两个地方都成功地使用了这些库，但是在我的源代码中导入这些库并使用输出的when打包文件时遇到了一些问题。设置为umd，将umdNamedDefine设置为

浏览 3提问于2016-05-17得票数 12

2回答

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

npm、gulp、webpack、ecmascript-6、babeljs

我有一个npm模块()，它使用webpack与babel一起从src/index.js生成dist/bundle.js，然后在我的package.json中指定主文件是index.js (主目录)，该主文件有以下代码') .pipe(gulp.dest('dist/js/'));在src/js/main.js中的另一个项目是： import gues

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

回答已采纳

2回答

webpack无法解析“jquery”

jquery、webpack

你好，我是Webpack的新手，目前我正在我的项目中添加这个工具，在捆绑过程中。与jquery相关的库我得到了一个类似于这样的错误：我使用webpack

浏览 6提问于2017-07-26得票数 15

回答已采纳

4回答

使用webpack输出ES模块

javascript、webpack、ecmascript-6、webpack-2、es6-modules

使用汇总，我可以通过简单地将format选项设置为'es'来输出ES模块。我怎么才能和webpack做同样的事呢？如果现在不可能的话，webpack有什么计划吗？我在中发现的唯一提到ES模块的东西是： libraryTarget: "commonjs-module" --使用module.exports对象公开它(忽略output.library)，定义__esModule它是否与libraryTarget: "commonjs2&qu

浏览 2提问于2016-12-22得票数 70

回答已采纳

1回答

将.vue发布到npm以便与browserify一起使用

npm、vue.js、bundle、browserify、vue-component

如何将.vue文件(作为带有子.vue文件的父组件)发布到npm，以便您可以通过浏览器将其作为组件进行安装、请求和使用我只用browserify，根本不用webpack。因此，我使用vueify转换将所有.vue文件捆绑到一个build.js中。我目前看到的关于这方面的所有信息都是。)读取您应该导出主.vue文件(不起作用)或b

浏览 1提问于2018-03-13得票数 0

1回答

Webpack捆绑后，NodeJS应用程序找不到模块

node.js、express、webpack

我正在创建一个节点/快速服务器，我正试图将其捆绑在一起，以便将其部署到IIS服务器上。我应该注意，这只是一个后端服务器。at C:\inetpub\wwwroot\my-deployments\server\bundle.js:84:18 我知道dotenv模块似乎有错误，但是我尝试了一个只安装了express的基本应用程序，我得到了同样的错误，但使用了express而不是dotenv。我认为这是我的webpack.config.js的一个问题，但我似乎不知道是什么导致了这个问

浏览 4提问于2020-06-19得票数 1

回答已采纳

1回答

使用webpack导入print.js

javascript、webpack、printjs

我正在尝试使用webpack将库导入到我的项目的供应商捆绑包中。由于某些原因，它无法解析模块。print.js node_modules文件夹包含一些有趣的文件- webpack.mix.js，并且src/index.js似乎是用ES6编写的。也许我缺少一个依赖项或ES6支持？我的webpack.config.js var we

浏览 7提问于2017-07-08得票数 0

1回答

没有iframe的骨干沙箱

javascript、iframe、backbone.js、webpack、ecmascript-6

我编写了一个小的ES6脚本，并使用webpack (UMD )与babel一起编写。我希望主干(和下划线)被捆绑到脚本中，这样用户就不必也导入它了。// src/index.js(function(){}) 不幸的是，当编译的脚本被导入到HTML文件中时，主干

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

回答已采纳

1回答

D3.组合模块时不工作的事件

javascript、events、d3.js、webpack

我有一个代码用于导入(es6 import语句)d3-选择和d3-转换。然而，我也需要捕捉事件。当我不导入d3-转换时，d3事件就能很好地工作。一旦导入d3转换，就会得到一个错误，说明d3.event是null，不能引用事件属性。 D3 API引用中有一个注释。：如果您使用Babel、Webpack或另一个ES6-ES5bundler，请注意在事件期间d3事件的值会发生变化！导入d3事件必须是活动绑定，因此您可能需要将绑定程序配置为从D3的ES

浏览 1提问于2018-05-18得票数 5

回答已采纳

2回答

将webpack* es6项目分解为npm项目*

reactjs、webpack、ecmascript-6、flowtype

我在这里要求最好的做法。我有一个很大的代码库，它开始让我很痛苦地开发，分裂成不同的包会很好。我想

浏览 2提问于2017-08-29得票数 1

点击加载更多