问题标签 [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.
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
javascript - 将 require 函数传递给 require.ensure 有什么意义?
我试图了解require.ensure()
实际是如何工作的。特别是,为什么我们需要传递require
给 的回调require.ensure()
?
1. 这有效:
但是,如果我将参数的名称更改require
为req
2.这不起作用:
它会抛出一个错误:
这来自这一行:
为什么示例 #2 不起作用?
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
javascript - 如何在 Typescript 中为 webpack.config.ts 制作开关盒?
我在使用 typescript 和 webpack 2 配置文件的语法时遇到问题:
等效的javascript是:
Webpack 2 需要一个 TS 配置文件,所以我尝试将此部分更改为:
我收到错误消息:“导出声明只能在模块中使用”。但我不清楚这意味着什么。我怎样才能在打字稿中更正这个?或者这不是在 webpack 2 中构建配置的方式吗?
javascript - 使用函数获取参数的 Webpack 2 配置在放入数组时失败
除了 github 上的这个线程之外,还没有看到很多人谈论这个功能:https ://github.com/webpack/webpack/issues/2254
这个配置对我来说效果很好,但我现在想将多个配置作为一个数组,这样我就可以用一个单独的目标构建我的客户端 javascript。一旦我将它放入数组中,它就会中断。
这是我的配置:
这是我尝试构建时遇到的错误:
我刚刚升级到刚刚发布的 2.1.0-beta.28,它仍在发生。有人有什么想法吗?
出于好奇,我尝试使用 --output-filename 设置输出文件名,但它给出了这个:
谢谢,
编辑:
从函数返回一个数组可以让两者都成功构建,但 watch 不再使用 env.dev 设置为 true,它只是构建并退出。
typescript - 如何使 TypeScript 2.1.4 中的 TS2354 错误消息静音?
我收到错误 TS2354:此语法需要导入的帮助程序,但找不到模块“tslib”。在我的 webpack 2 构建中使用importHelpers
TypeScript 2.1 的新选项。捆绑包似乎按预期构建,但错误消息令人不安。谁能指出我在这里做错了什么?还是rxjs\Subject.d.ts
每个错误都有问题(提到的行 (Subject.d.ts:9,43) 确实使用和无辜的extends
关键字)?
main.ts
包.json
tsconfig.json
webpack.config.js
angular - rxjs 模块化导入和包大小(webpack2/angular2 cli)
如果我有一个组件 - 组件 A - 具有以下进口:
我还有另一个组件——组件 B——重复导入:
ng build --prod
而且我会使用对导入的重复数据进行构建CLI
,或者我的捆绑包中是否会有每个导入的 2x 副本?此外,该--aot
选项会产生任何影响吗?如果你不知道,那么你对我如何测试这个有什么建议吗?
reactjs - 如何在 webpack 2 中禁用优化警告
我正在使用 React/Webpack 2 等。我有 Karma 测试运行程序,当我运行测试时,我之前启动了 Webpack,它会向控制台输出有关大小等的警告输出。(我无法修复它,因为它是 webpack 的东西)。
如何禁用这些警告?我试图设置
统计信息:“无” ,但它不起作用。
谢谢你的帮助
PS 更新 1
webpack.testing.config
reactjs - 新配置的 webpack 2 出错
我正在尝试为我的反应开发应用程序配置 webpack 2。好像我在下面缺少的东西是我的 webpack.config.dev
这是我的 github 存储库https://github.com/sourabh-garg/Webpack-2-starter-kit请克隆它并运行 npm install 然后运行 npm start。
当我运行它时,我得到
请让我知道我错过了什么。
javascript - 在 webpack 的 package.json 中解析错误
我有以下简单的 webpack.config.js 文件:
当我注释掉定义 webpack 的第一行时,我收到一个错误,因为我在定义 ProvidePlugin 时引用了 webpack。但是,当我包含第一行时,我收到以下神秘错误:
首先,我不确定为什么我的 node_modules 文件夹是我的 apache 根目录。其次,为什么我会收到解析错误?文件不是package.json
通过 npm 安装的吗?怎么可能有语法错误?