问题标签 [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 投票
0 回答
342 浏览

javascript - 带有 boostrap-sass 的 Webpack ExtractTextPlugin

我正在使用 bootstrap sass 并提取 text-plugin 以将编译后的 css 输出到文件中。如果我不在我的 style.scss 中导入引导程序,它会完美工作,但是当我导入引导程序时,webpack 无法解析字体路径。它在我的 src 文件夹而不是 /node_modules/bootstrap-sass/ 中查找引导字体

找不到模块:错误:无法解析 /Users/yasinyaqoobi/Sites/dari-dictionary-api/src/assets/sass 中的“文件”或“目录”../fonts/bootstrap/glyphicons-halflings-regular.svg

@import "~bootstrap-sass/assets/stylesheets/bootstrap";

包.json

webpack.config.js

0 投票
1 回答
262 浏览

javascript - 将 require 函数传递给 require.ensure 有什么意义?

我试图了解require.ensure()实际是如何工作的。特别是,为什么我们需要传递require给 的回调require.ensure()

1. 这有效:


但是,如果我将参数的名称更改requirereq

2.这不起作用:

它会抛出一个错误:

这来自这一行:

为什么示例 #2 不起作用?

0 投票
1 回答
359 浏览

reactjs - ReactComponentTreeHook 意外:Webpack 2

我正在尝试使用 React/Webpack2,它在开发模式下工作。但是,当我尝试切换到生产模式时,出现以下错误:

我检查了源代码,发现它看起来一切都很好,但它不工作。

谢谢你的帮助!

我正在使用一个非常标准的配置(来自 webpack2 off docs)

.babelrc { "presets": [ ["es2015", {"modules": false}], // webpack 理解原生的 import 语法,并将其用于 tree shaking

webpack.common.config

webpack.prod.config

包.json

0 投票
1 回答
1704 浏览

javascript - 如何在 Typescript 中为 webpack.config.ts 制作开关盒?

我在使用 typescript 和 webpack 2 配置文件的语法时遇到问题:

等效的javascript是:

Webpack 2 需要一个 TS 配置文件,所以我尝试将此部分更改为:

我收到错误消息:“导出声明只能在模块中使用”。但我不清楚这意味着什么。我怎样才能在打字稿中更正这个?或者这不是在 webpack 2 中构建配置的方式吗?

0 投票
0 回答
1366 浏览

javascript - 使用函数获取参数的 Webpack 2 配置在放入数组时失败

除了 github 上的这个线程之外,还没有看到很多人谈论这个功能:https ://github.com/webpack/webpack/issues/2254

这个配置对我来说效果很好,但我现在想将多个配置作为一个数组,这样我就可以用一个单独的目标构建我的客户端 javascript。一旦我将它放入数组中,它就会中断。

这是我的配置:

这是我尝试构建时遇到的错误:

我刚刚升级到刚刚发布的 2.1.0-beta.28,它仍在发生。有人有什么想法吗?

出于好奇,我尝试使用 --output-filename 设置输出文件名,但它给出了这个:

谢谢,

编辑:

从函数返回一个数组可以让两者都成功构建,但 watch 不再使用 env.dev 设置为 true,它只是构建并退出。

0 投票
1 回答
3332 浏览

typescript - 如何使 TypeScript 2.1.4 中的 TS2354 错误消息静音?

我收到错误 TS2354:此语法需要导入的帮助程序,但找不到模块“tslib”。在我的 webpack 2 构建中使用importHelpersTypeScript 2.1 的新选项。捆绑包似乎按预期构建,但错误消息令人不安。谁能指出我在这里做错了什么?还是rxjs\Subject.d.ts每个错误都有问题(提到的行 (Subject.d.ts:9,43) 确实使用和无辜的extends关键字)?

main.ts

包.json

tsconfig.json

webpack.config.js

0 投票
1 回答
350 浏览

angular - rxjs 模块化导入和包大小(webpack2/angular2 cli)

如果我有一个组件 - 组件 A - 具有以下进口:

我还有另一个组件——组件 B——重复导入:

ng build --prod而且我会使用对导入的重复数据进行构建CLI,或者我的捆绑包中是否会有每个导入的 2x 副本?此外,该--aot选项会产生任何影响吗?如果你不知道,那么你对我如何测试这个有什么建议吗?

0 投票
1 回答
11182 浏览

reactjs - 如何在 webpack 2 中禁用优化警告

我正在使用 React/Webpack 2 等。我有 Karma 测试运行程序,当我运行测试时,我之前启动了 Webpack,它会向控制台输出有关大小等的警告输出。(我无法修复它,因为它是 webpack 的东西)。

如何禁用这些警告?我试图设置

统计信息:“无” ,但它不起作用。

谢谢你的帮助

PS 更新 1

webpack.testing.config

0 投票
0 回答
63 浏览

reactjs - 新配置的 webpack 2 出错

我正在尝试为我的反应开发应用程序配置 webpack 2。好像我在下面缺少的东西是我的 webpack.config.dev

这是我的 github 存储库https://github.com/sourabh-garg/Webpack-2-starter-kit请克隆它并运行 npm install 然后运行 ​​npm start。

当我运行它时,我得到

请让我知道我错过了什么。

0 投票
1 回答
294 浏览

javascript - 在 webpack 的 package.json 中解析错误

我有以下简单的 webpack.config.js 文件:

当我注释掉定义 webpack 的第一行时,我收到一个错误,因为我在定义 ProvidePlugin 时引用了 webpack。但是,当我包含第一行时,我收到以下神秘错误:

首先,我不确定为什么我的 node_modules 文件夹是我的 apache 根目录。其次,为什么我会收到解析错误?文件不是package.json通过 npm 安装的吗?怎么可能有语法错误?