问题标签 [rollupjs]

我正在做一个 Angular2 项目。我浏览了 Angular2 aot 文档，并且能够生成 ngFactory 文件。我按照文档中的建议使用了汇总 js。我有一些非 es6 npm 包。我使用 require 来加载非 es6 包。

文档（angular2 和 rollup）建议使用 rollup-plugin-commonjs 来捆绑非 es6 模块。以下是我的汇总配置。

我有 commonjs 插件。但仍然浏览器错误为“需要未定义”。我如何在没有webpack/browserify帮助的情况下捆绑非 es6 模块请指教。

我正在开发一个 Angular2 应用程序。我浏览了文档并实施了 AOT 和汇总。我在应用程序中有一些非 es6 模块。汇总后，我在 webpack 的帮助下捆绑了 js，用所需的库代码替换“require”语句。我在每一步都生成了 sourceMap。但是，当控制台中出现错误时，它并没有反映正确的行。以下是我的 aot、rollup 和 webpack 配置。'sourceMap' 选项在每个配置中设置为 'true'。请指教。

tsconfig.aot.js

汇总.ts

最后是 Webpack

插件：[

],

我正在尝试以 AoT 方式编译我的 angular 2 项目。但是我遇到了以下问题。

这是源代码：

rollup.config.js

我可以通过 ngc 然后 rollup 编译项目，但是，rollup 将 bluebird 模块变为 {..., default: 'actual bluebird'}，因此当调用 getEvents 时，它会引发错误。

有人可以帮忙吗？

有什么方法可以让 Moment.js 与 rollup 一起工作，而无需更改此import语句：

import * as moment from "moment"

我尝试使用汇总注入插件，但没有成功。

我有一个使用 webpack 编译的项目，一切正常，但我们正在转向 rollupJS，我被导入的文件所困扰。

实用程序/init-jquery.jsx：

例如，此文件导入到此文件app.jsx 中：

...

我在控制台 chrome 中遇到了这个错误： Uncaught ReferenceError: global is not defined(...)

我的汇总配置：

首先，我理解为什么 rollup.js 需要在某些变量的末尾附加额外的字符串以避免冲突但是......我不明白如何“连接/导入”一个不是 amd/ 的简单 javascript 文件commonjs/es6，但简单的显示模块！

我有以下文件结构：

foo.js

bar.js

main.js

构建后，我得到：

构建.js

那么我怎样才能得到 Foo 而不是 Foo$1 呢？或者 Foo$1 而不是 Foo 的 bar.js ？

编辑：

如果在 main.js 中，我在视图中使用默认导入来覆盖默认名称：

我收到这样的错误（正常！）：

不存在的导出“默认”由 main.js 从 foo.js 导入

这是一个误解，但是在对 stackoverflow 和互联网进行研究之后，我没有发现如何解决这个棘手的问题。

所以...提前谢谢！

有什么办法让我告诉 babel 忽略某些导入，例如我不希望 babel 接触任何 es5 导入，比如 polyfill。

我已经尝试了排除选项，但它没有做任何事情。这是我的开发依赖项：

这也是我的 index.js ，其中的注释显示了我希望 babel 忽略的内容：

我怎样才能做到这一点？我需要另一个包来处理这个吗？

非常感谢任何帮助，谢谢。

为了支持 i18n，我必须支持 AOT，因此需要在我的 components 和 set中使用 relativetemplateUrl和。styleUrlsmoduleId: module.id

这非常适合我的开发版本，它不使用 systemjs 捆绑和加载文件（使用 gulp 构建）

1. 编译打字稿：`目标：es5，模块：commonjs'

在生产版本中，我使用 rollup.js 进行摇树和捆绑。在这里我必须进行编译步骤，因为汇总需要 es2015 模块，而浏览器（并在组件中设置 module.id）需要 common.js

1. 编译打字稿：target: es5, module: es2015
2. 与 rollup.js 捆绑：format: iife
3. 再次编译打字稿：target: es5, module: commonjs, allowJs: true

这样做我在运行应用程序时收到以下错误：未能加载 app.component.html

版本信息：

• 角度：2.2.1
• 打字稿：2.0.10
• 汇总：0.36.3

有谁知道是什么导致了这个问题？非常感谢你的帮助

我正在为 Angular 2 应用程序进行生产构建，并尝试使用 Angular 2 AoT 构建过程来减小包大小（在此处记录）

我通过 aot 编译器 CLI 和汇总 CLI 使构建工作，并且得到了我期望的输出。我的 bundle.js 文件约为 2k。并且有一个随附的源映射文件。耶！

接下来，我尝试将汇总合并到我现有的 gulp 构建中。一切正常，只是源映射在捆绑包中内联，使其超过 2MB。此外，还会生成一个源映射文件。当我手动删除内联源映射时，我的包大小下降到 ~2k。

我的问题是如何在没有内联源映射的情况下生成我的 bundle.js？

我尝试过的事情：搜索 SO、搜索Angular2 文档、汇总流文档和gulp-sourcemap 文档。我还没有找到任何专门解决这个问题的东西。

下面是相关的配置文件

AoT 特定的 tsconfig 文件(tsconfig-aot.json)：

汇总配置（我尝试注释掉 dest 和 sourceMapFile 文件路径以查看是否会导致 gulp 关闭，但没有效果）：

和吞咽文件：

编辑：我确实找到了一个解决方法，让 gulp 使用 CLI 执行汇总。不过，我仍然想知道我在 gulp 或 rollup 配置中做错了什么。

使用StackOverflow 问题Grid 模块中指定的 Telerik Grid 模块和汇总设置无法获取“orderBy”。GridModule、SharedModule、IntlService 等其他模块正在得到解决。

这是我命名的导出：