如何在NPM包中使用webpack动态导入？

文章/答案/技术大牛

发布

1回答

您能否协调使用jspm别名的import语句与使用webpack所需的npm包名导入相同的包？

npm、ecmascript-6、webpack、jspm、aurelia-breeze

问题：如果您有一个导入与npm包名称不同的jspm别名的包，那么是否有一种方法可以使用通过npm安装的相同包，其中导入语句需要从jspm别名更改为npm包名，如下面的示例所示？安装的示例，以及它是如何在Aurelia-微风插件中导入的。使用jspm 使用别名(如"breeze": "breeze-c

浏览 2提问于2016-04-29得票数 0

1回答

如何在npm发布中使用webpack动态导入模块？

node.js、webpack、frontend

当使用Webpack构建import()函数时，它将被构建为promise对象并将其发布到npm，使用npm i包名称将找不到动态导入模块，因为它的路径是相对node_modules/pacage-name我希望导入函数不会转换为promise，但仍然构建动态模块。

浏览 20提问于2021-07-13得票数 1

7回答

Webpack -批判性依赖:依赖请求是一个表达式。

webpack、request、ajv

我收到三条警告信息时，导入request在巴黎世webpack项目。在 (运行npm install和npm start)上可以使用一个最小的示例来重现该bug。更多信息： Webpack试图静态地解决require调用问题，以获得一个最小的包。当库在需求调用(如require('' + 'nodent') in of ajv)中使用变量或表达式时，Webpack无法静态解析

浏览 8提问于2017-03-20得票数 155

回答已采纳

1回答

webpack/ES6项目设置混乱

javascript、npm、webpack、ecmascript-6、es6-class

我正在尝试设置我的第一个ES6和webpack“应用程序”，并希望使用类和模块。但是，每次我想通过webpack命令传输应用程序时，我都会得到以下错误：Hash: c91db5651ec9123b8959Time": "^2.28.0", }webpack</em

浏览 4提问于2017-09-11得票数 0

回答已采纳

3回答

如何将不在npm注册表中的库导入到由webpack构建的应用程序中？

javascript、typescript、import、npm

我有一个用typescript编写的react应用程序，它使用webpack进行编译。到目前为止，我可以通过node_modules中的import关键字导入库。但是，有一些我想使用的库不在npm注册表中。所以我不能对这些库进行npm安装。例如，Papa Parse是我找不到的npm包之一。它们通常只提供一个缩小的js文件，我不能直接导入到我的Typescript文件中。对于<e

浏览 0提问于2016-08-18得票数 4

回答已采纳

1回答

在管理组件Shopware 6中使用Vue软件包

vue.js、npm、vue-component、shopware、shopware6

我想使用像这个Vue.use(npmPackageName)这样的Vue包，但是当我导入vue表单'vue‘时，这个消息会出现“无法解决vue”，我的问题是如何在管理组件中使用npm包？非常感谢。这是npm_modules文件夹这是webpack.config.js文件下面是我尝试导入和使用它的方法

浏览 3提问于2022-01-14得票数 1

2回答

我们如何在反应中动态导入Npm模块？

reactjs、webpack、dynamic-import

我已经看到了用于动态导入的webpack (参见下图)，但这在react中似乎不起作用，因为我们在React中直接返回组件，而不是在DOM中添加元素(之后是承诺的元素())。在中，它们展示了如何只加载其他响应组件，而不是如何动态导入NPM库。

浏览 15提问于2022-05-06得票数 0

回答已采纳

1回答

javascript、webpack、dynamic-import、npm-package

我有一个navbar npm包，可以导入到其他项目中。它根据运行时从web服务器加载的JSON配置文件动态导入FontAwesome图标。当我构建导航栏包时，正如我所预期的那样，整个FontAwesome库最终成为构建目录中的块。我在网上找不到太多关于这个用例的信息，可能是因为我不知道要寻找

浏览 51提问于2019-08-14得票数 7

1回答

我对webpack的用法感到困惑，因为webpack是依赖项管理器，他创建了一个捆绑包，但这在CoreUi模板中不会发生。这意味着这个coreUi模板使用了像const Login = React.lazy(() => import('./views/Pages/Login'));一样的React Lazy loading，但它没有使用webpack。那么lazy loading是如何工作的呢？懒惰加载不需要<e

浏览 27提问于2019-12-31得票数 0

1回答

Webpack 4代码拆分为每条路线生成单独的供应商文件

javascript、reactjs、webpack

我正在尝试使用代码拆分的webpack 4 (4.0.1)。我使用动态加载来加载React components.The react组件，然后从内部npm模块导入组件。例如，在我的应用程序中，我有以下路由。我都是从内部npm模块(比如int-home、int-about等)导入一个组件。从‘int-about’中导出{ App as default }；现在，通过此设置，webpack可以为每个动态</em

浏览 0提问于2018-03-05得票数 4

1回答

新能源管理中的IonIcons & Webpack

node.js、npm、webpack、ionicons

有没有人能给我举个例子，如何在使用导入的情况下在webpack中使用ion-icons？<ion-icon name='add' /> 甚至在查看了npm包中神秘的源代码之后，似乎什么都不起作用。请帮帮忙？附言:请不要建议包含外部脚本，npm包应该可以通过导入使用，而不是：<script src="https:/

浏览 10提问于2020-09-06得票数 2

4回答

不使用Webpack的NPM包

node.js、npm

我已经习惯了和Webpack一起使用NPM包，但是我想知道你应该如何使用NPM包而没有 Webpack。我知道怎么安装软件包。我只是不知道如何使用它们，因为您不能只导入普通js中的模块。

浏览 1提问于2018-12-22得票数 5

3回答

当没有在文档中时，如何找到模块导入指令？

javascript、es6-modules

在用于库的文档中，通常会在文档中提供有关模块通过npm安装后如何导入的信息。例如：如果没有给出它，那么如何知道应该导入什么来使用库呢？

浏览 10提问于2022-01-23得票数 1

回答已采纳

3回答

如何将Three.js加载器导入到角6项目中

angular、three.js、angular-cli、angular6

我想用一组函数扩展导入到ng6项目中的类型定义，使用Three.js (@types/three/index)，这些函数将直接附加到同一个“命名空间”。有点像：THREE.myFunction()。导入装载机我正在尝试将导入到ng服务中，但我不确定如何以正确的方式完成它。我到目前为止所做的事：

浏览 0提问于2018-05-06得票数 7

回答已采纳

3回答

TypeError：__webpack_require__.i(…)不是一个函数

reactjs、webpack、ecmascript-6、babeljs、es6-module-loader

当我试图简化一个导入时，我得到了一个webpack TypeError。以下代码工作正常，没有任何问题。/smart-form';import { smartForm } from 'core/components/form'; class因此，我在core/index.js中重新导出了core/index.js，并从core导入了它。

浏览 3提问于2016-11-29得票数 15

回答已采纳

1回答

Laravel不编译sass

php、css、laravel、vue.js、sass

logout.js 18.3 KiB logout [emitted] logout | | Mix provides a clean, fluent API for defining some Webpack

浏览 4提问于2020-04-21得票数 2

回答已采纳

2回答

Webpack 2:如何将包与不匹配的“类型”匹配？

typescript、npm、typescript-typings、webpack-2

我试图使用webpack 2将SoundJS ( createJS框架的一个模块)导入到我的打字稿项目中。在vendors.ts我有以及其他几个工作进口品使用npm导入的@types定义名为“声is”，但npm包“声is”是空的，因此我必须使用另一个npm包，名为“createjs当我试图与webpack一起编译时，我得到

浏览 7提问于2017-03-13得票数 1

回答已采纳

1回答

将模块导入vue.config.js

javascript、node.js、vue.js、npm、webpack

我想导入npm包vue- remove -attributes，以便从DOM中删除我的"data-testid“属性。https://www.npmjs.com/package/vue-remove-attributes 在自述文件中，他们说我必须将模块传递给webpack配置中的vue-loader。我已经安装了webpack，但我唯一的配置文件是vue.config.js，它看起来像这样： modu

浏览 55提问于2021-05-11得票数 1

1回答

在Javascript中执行“从someModuleName导入someModule”时会发生什么？

javascript、node.js、import、module、npm

接下来，当您想在其他地方使用它时，只需导入它，如：import yourModuleClassName from 'yourmodulePath'比如导入redux表单包：接下来要做的是:在我的模块中使用import redux-form现在，当我查看已安装的<

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

1回答

ReferenceError:没有定义文档，Jest反应测试库

javascript、reactjs、unit-testing、jestjs、react-testing-library

我向npm包发布了一个react组件，我添加了Webpack、babel、linting，并对其进行了测试，首先Webpack成功构建，测试运行成功，但随后我添加了linting并删除了node_modules文件夹，然后再使用npm重新安装来验证一切，在测试中断时，最初我没有发现我通过npm安装玩笑修复的错误，之后得到了“ReferenceError:它是未定义的”，由导入{ describe，expect，it }从“@ jest /gl

浏览 3提问于2020-06-18得票数 2

回答已采纳

点击加载更多

您能否协调使用jspm别名的import语句与使用webpack所需的npm包名导入相同的包？

如何在npm发布中使用webpack动态导入模块？

Webpack -批判性依赖:依赖请求是一个表达式。

webpack/ES6项目设置混乱

如何将不在npm注册表中的库导入到由webpack构建的应用程序中？

在管理组件Shopware 6中使用Vue软件包

我们如何在反应中动态导入Npm模块？