Angular2 Rollupjs

Question

我正在尝试使用RollupJS捆绑我的RollupJS应用程序，但我遇到了一些问题：

1. 无法找到我的AppComponent引用的css文件并抛出一个错误。

错误转换/演示-使用“角”插件的app.ts: ENOENT:没有这样的文件或目录，打开/演示-app.css

为了解决这个问题，我编写了一个gulp任务来将我的scss文件编译成css。但我的印象是，卷轴能够做到这一点。

1. rxjs模块会导致错误。

模块/节点_模块/rxjs/可观察的/ of . by不导出(由/@转角/路由器/src/apply_redirects.js导入)

我试过使用rollup插件别名并编写一个特定的resolveRxJS函数来修复这个问题，但没有成功。

const babel = require('rollup-plugin-babel');
const eslint = require('rollup-plugin-eslint');
const commonjs = require('rollup-plugin-commonjs');
const typescript = require('rollup-plugin-typescript');
const angular = require('rollup-plugin-angular');
const alias = require('rollup-plugin-alias');
const resolve = require('rollup-plugin-node-resolve');
const progress = require('rollup-plugin-progress');
const postcss = require('rollup-plugin-postcss');

export default {
    entry: 'src/demo-app/main.ts',
    dest: 'dist/demo-app/bundle.min.js',
    format: 'iife',
    sourceMap: 'inline',
    plugins: [
        {
            resolveRxJS: id => {
                if (id.startsWith('rxjs/') || id.startsWith('rxjs\\')) {
                    let result = `${__dirname}/node_modules/rxjs-es/${id.replace('rxjs/', '')}.js`;
                    return result.replace(/\//g, "\\");
                }
            }
        },
        angular(),
        typescript({
            typescript: require('typescript'),
            tsconfig: tsOptions
        }),
        //alias({
        //    rxjs: __dirname + '/node_modules/rxjs'
        //}),
        babel({
            exclude: '/node_modules/**',
            include: '/node_modules/tslint-no-unused-var/**',
            // include: '/node_modules/rxjs/**'
        }),
        resolve({
            module: true,
            jsnext: true
        }),
    ]
}

注释掉的代码是我尝试过的其他事情。注意:我也尝试过在rollup插件角度函数中使用预处理器，它也没有编译我的css。

因此，在运行汇总代码之前，我是否总是必须使用gulp编译我的scss文件? 2)如何解决rxjs模块问题？

谢谢

Answer 1

检查我的工作回购，aot构建启用了汇总，https://github.com/beginor/angular-seed

Answer 2

我通过添加模块并包括rxjs node_module库，成功地完成了这个任务。

commonjs({
    include: 'node_modules/rxjs/**',
),