问题标签 [webpack-2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
416 浏览

webpack - 仅从链中的一个 Webpack 加载器中排除文件

我目前有一个如下所示的 Webpack 规则:

我只想排除babel-loader某些文件,基本上只是将它们按链传递。其余的加载程序不应排除这些文件。因此,我无法将文件添加到exclude整个规则中。

我可以按加载程序排除文件吗?如果需要,我愿意编写一些插件代码,但显然开箱即用是理想的。

这与这个 Angular2 Webpack 问题有关:(我正在尝试解决这个问题)https://github.com/angular/angular-cli/issues/2730

0 投票
1 回答
1348 浏览

javascript - 未捕获的 ReferenceError:未定义要求 - Webpack2

我正在更新一个应用程序以使用 webpack 1 中的 webpack 2,并且常规构建工作正常。使用 devServer 并且只需要生成的块之一时似乎会出现问题(它是一个电子应用程序,所以我有主块和渲染器块 - 两者都包含在常规构建中,而开发服务器仅包含渲染器块)

一切都在 webpack 1 上运行,但由于某种原因,运行时没有包含在我的块中?我试过重新排序,但无济于事。

似乎其中一个块没有正确包含:

为什么是这样?

0 投票
0 回答
365 浏览

webpack - 使用 Webpack 2 加载 CommonJS 文件

我正在尝试使用 Webpack 2 加载store.js库。该库由一个非常简单的 CommonJS 模块组成 - 请参见此处。但是,我遇到了多个问题:

如果我只是使用require('store.js');它来加载它,则会拾取store.js我的源文件夹中存在的另一个文件。

为了避免名称冲突,我在我的 webpack 配置中为该文件设置了别名:

现在我需要如下模块:

但是现在我收到以下运行时错误:

  1. 我该如何进行这项工作?
  2. 我不喜欢“要求”该模块。有没有办法“导入”模块?我在其他任何地方都使用 ES6 导入。
0 投票
2 回答
5968 浏览

typescript - Webpack gives me "Module has no exported member..." errors for files in node_modules even when no module is required

I have a problem with Webpack. It compiles and tree-shakes correctly, but gives me hundreds of errors, because it for some reason does something with type definitions in node_modules, even though it shouldn't, because no module is required/imported in my entry point.

My webpack.config.js:

My entrypoint (source/index.tsx) - basically nothing:

Errors it gives me (shortened, they're all similar):

0 投票
1 回答
796 浏览

typescript - Webpack 2.x,__webpack_public_path__ 仍然有效吗?

我有一个 chrome 扩展,其中发布了不稳定、稳定和夜间版本,我需要能够动态设置扩展资源的公共路径。我一直在尝试以多种方式添加它,通过将 js 条目直接添加到 webpack.config.js 中,从我的 ts 条目中导入,直接放入 ts 文件中。

我只想将 __webpack_public_path__ 全局更改为我不能指望在构建之间始终保持相同的东西。

我试过这样:

有谁知道自 Webpack 2.x 以来这是否发生了变化?

更新!

这是我的 webpack.config.development.js

webpack-setups.js 的内容

package.json 片段:

0 投票
0 回答
409 浏览

webpack - 从插件触发 WebPack 模块重建

我正在编写一个 webpack 插件,它在包中包含一个附加文件(使用子编译器)。这工作正常,但现在我想添加手表支持。问题是,包含的文件可能取决于主编译器实例中的所有文件,因为我正在从那里提取函数。通常,这只会分解为一小部分文件,这些文件实际上正在使用插件提供的某些功能。我的想法是通过使用版本标志来实现监视支持,每当我的插件需要再次编译资源时,该标志就会增加......但是,版本仅在编译来自父编译器的所有文件后才会更改。有没有办法在父文件编译后但在资产发射之前强制重建模块(发射事件很好,如果我'

0 投票
1 回答
3766 浏览

javascript - 如何使用 webpack 插件动态添加模块/依赖项?

我觉得我想要实现的目标并不难.. 但是 webpack 文档处于严重混乱状态,我为此花费了很多时间。

如何将“动态”模块注入 webpack 构建?我想在构建时创建这个模块。

举个简单的例子,我如何在构建时将此字符串作为新模块注入?

然后假设我希望该模块具有名称“myDate”

我非常希望我的应用程序中的任何其他模块能够通过以下方式解决它:

现在这是一个非常简单的例子。我的目的将更加复杂,并涉及读取文件以创建此“动态”模块。我知道定义插件,不幸的是它不适合我的需要。

我将不胜感激任何帮助。谢谢。

0 投票
1 回答
1779 浏览

webpack - 从 Webpack 2 中的 js 文件导入模块

我正在尝试在 Webpack 2 中使用以下语法:

但我收到错误:

我究竟做错了什么?!如何在 Webpack 2 中导入我的 js 模块?

为了彻底起见,我将我的项目归结为最小的示例,并将提供以下文件:

webpack.config.js

包.json

tsconfig.js

src/main.ts

src/some.svc.js

将这些文件粘贴在一起,运行webpack,您应该会看到相同的错误。

我错过了一些简单的东西来让它工作吗?

0 投票
1 回答
464 浏览

javascript - Babel 将 new Request (fetch-api) 转换为函数调用,导致 Chrome 出错

我编写了一个单独的 API 库,我将其保留为纯 ES6(带有生成器等),但它依赖于 isomorphic-fetch 库(因此它可以在节点和浏览器上下文中使用)。

在另一个项目中使用 webpack 2 导入它时,一切都很好,直到我尝试完成缩小/优化过程。由于生成器语法不受支持,UglifyJS 不会处理它。所以我尝试通过 babel 作为 webpack 加载器运行该库,但是现在尝试在浏览器中运行代码时,出现以下错误:

Uncaught (in promise) TypeError: Failed to construct 'Request': Please use the 'new' operator, this DOM object constructor cannot be called as a function.

似乎我在这里陷入了第 22 个问题,我不确定为什么 Babel 保留某些本地类而不是 Request 类。

非常感谢任何帮助,一直在我的桌子上敲打我的头。

0 投票
0 回答
231 浏览

angular - webpack 2 - Angular 2 - 动态加载路由 - 动态延迟加载

使用 webpack 2.1.0-beta.25 和 Angular 2.1。

我希望能够从 config.json 文件加载路由,并在运行时将该路由及其组件加载到 angular 2 应用程序中。

我在 webpack 1 和旧版本的 angular2 中取得了成功,使用 require.ensure() 为动态加载的组件生成了一个单独的包。

使用 webpack 2 和 angular 2.1 完成此任务的最佳方法是什么?

谢谢