问题标签 [rollupjs]

我有一个 Three.js 场景，它只使用了库的一部分。

但我最终还是得到了整个库中的大部分（如果不是全部的话）（缩小了约 500Kb）。有没有人有这方面的运气？我有一个示例 GitHub，它显示了我正在使用的代码。

我正在使用电子样板，来自这里：https ://github.com/szwacz/electron-boilerplate/

它使用 gulp-rollup 来捆绑资产，并且可以使用npm start.

这是我的导入语句app.js：

使用 初始加载时一切正常npm start，但是一旦我编辑文件并保存，这会触发watch重新加载构建，我会收到一个错误：

如果我再次取消该过程npm start，一切都很好。

为什么它会忘记在哪里select2？

我正在使用（当前）单个组件开发第三方模块。目前我在注释中有模板和相对冗长的样式规则，@Component但这变得难以管理。我尝试将代码分解为单独的文件 ( .component.html)，但是当我运行构建过程并尝试在我的测试应用程序中使用模板 404s 中的组件时

1. 我可以将模板拆分为单独的文件（即使构建步骤将模板的内容插入到组件注释中）。
2. 我可以对 CSS 做同样的事情吗？
3. 有没有办法可以用 SCSS 替换 CSS，并在将代码插入组件注释之前编译该 CSS？

作为参考，我将在下面包含配置文件，如果还有其他帮助，请告诉我！该资源（库的 Github 存储库）未更改应用程序的一般结构。我通过克隆存储库并删除/替换引用以形成基础来创建项目。

编辑 我已经看到了这个 SO 链接，但是如果可能的话，我想避免将 gulp 也集成到构建过程中。

编辑

当我替换template与templateUrl: './ic-datepicker.component.html'组件类处于同一级别的 HTML 文件时，我在导入此模块的应用程序中收到以下错误（构建后）；

I'm having an error that makes absolutely no sense. I haven't run rollup -c in about an month and running it now is causing all sorts of mayhem.

1) mootools already loaded

Why on earth is mootools already loaded in the log of this error? What is using mootools?

2) How is rolllup triggering ava?

If you scroll all the way at the bottom, I keen getting this random issue complaining that the bin itself needs to be run with ava.

3) Apparently missing dependencies.

The script is complaining about babel-runtime, n, foreman which is odd because I installed all of these. Just to make sure.

4) I've changed the entry

I've cleared the entry file to not contain any dependencies itself and the same errors still happen.

Here's my config:

Here's my errors:

我在 angular2 中使用 socket.io 创建了一个项目来发出/监听套接字通信。在 JIT（或 npm start）中一切正常，但是当我尝试通过汇总编译代码以将其作为 AOT 用于生产使用时它不起作用。

节点版本：6.9.4 npm 版本：3.10.6

打字.json

systemjs.config.js

package.json：“socket.io-client”：“^1.7.2”

我的组件.ts

"node_modules/.bin/ngc" -p tsconfig-aot.json 成功执行，但 "node_modules/.bin/rollup" -c rollup-config.js 给出错误：cannot call a namespace ('io')

如果我更改我的组件导入行并设置import io from socket.io-client然后我得到错误module 'socket.io-client' has no default export

如果有人能指导我完成，我将不胜感激，因为这是我在其他论坛进行故障排除和尝试的第二天。

提前致谢， 卡皮尔

我正在使用汇总。

此外，我不会提交所有生成的文件所在的 npm_modules 文件夹和公用文件夹。而且在部署和设置我的服务器（它已经在寻找公共文件夹）之后，我无法弄清楚如何构建我的应用程序（我有 webpack 构建命令）。

在上传之前提交似乎是个坏主意。也许有一些温和的决定......有什么想法吗？

来自：如何将使用 Webpack 的节点部署到 heroku

我正在按照本教程使用汇总构建生产版本：http: //blog.mgechev.com/2016/06/26/tree-shaking-angular2-production-build-rollup-javascript/

生产部分运行良好，但是当我想使用npm run start（清理 js 目录、编译 .ts 文件并监视更改的脚本）进行开发时，构建失败并出现404异常，表示它 failed to find traceur。唯一值得注意的区别是文件中的fromes5和commonjsto更改。如何解决此问题以使精简版服务器正常工作。es2015tsconfig

错误

旧版

新版本

system.config.js

我有我正在编译的 Angular2 应用程序以与 AoT 一起运行。我已经解决了实际编译时遇到的问题，并且我还能够从头到尾运行 Rollup 而没有错误（尽管有很多警告，我认为这是意料之中的）。

但是，在运行应用程序时，浏览器总是require is not defined在我的 app.bundle.js 上声明。

我究竟做错了什么？

这是我的功能性非 AoT 示例代码/配置： https ://plnkr.co/edit/oCAaeXUKWGyd34YKgho9?p=info

这是我抛出require错误的功能性 AoT 示例配置： https ://plnkr.co/edit/Y1C5HaQS3ddCBrbRaaoM?p=info

是否有人在这里发现任何错误，尤其是在比较非 AoT system.js 配置和 AoT 汇总配置时？为什么我会遇到这个错误？

我知道浏览器无法使用 require 但不应该汇总处理吗？

此致

我在我的项目中使用 babel 的异步支持，并且我已经复制并粘贴了我的设置。async我在声明之后汇总处理。为什么不能汇总进程异步/等待？如何成功构建我的代码？

解析 /Users/thomasreggi/Desktop/PAS/PAS-api/src/appProxypass/index.js 时出错：/Users/thomasreggi/Desktop/PAS/PAS-api/src/appProxypass/index.js 中的意外令牌 (43:44)。 js

我已经开始使用 rollupjs，但似乎无法让它与 bootstrap-sass 一起使用。

捆绑时出现错误-

（sass 插件）找不到或无法读取要导入的文件：引导程序。父样式表：stdin

下面是我的代码片段。

我rollup-plugin-sass在我的rollup.config.js.