汇总不';t从Angular 5应用程序构建css文件

汇总不';t从Angular 5应用程序构建css文件,angular,node-modules,angular5,rollup,Angular,Node Modules,Angular5,Rollup,我正在尝试使用Rollup从Angular 5应用程序构建节点模块。看起来它构建的一切都是正确的,但不知怎么的,我在构建中找不到我的应用程序css文件。这就是为什么我在ngserve--aot上看到这样的错误 中的错误:无法解析资源/some.component.css相对于[我的应用程序路径]/node\u modules/my\u node\u module/app body/some.component.d.ts 这是我的rollup.config.und.js import resolv

我正在尝试使用Rollup从Angular 5应用程序构建节点模块。看起来它构建的一切都是正确的,但不知怎么的,我在构建中找不到我的应用程序css文件。这就是为什么我在
ngserve--aot上看到这样的错误

中的错误:无法解析资源/some.component.css相对于[我的应用程序路径]/node\u modules/my\u node\u module/app body/some.component.d.ts

这是我的rollup.config.und.js

import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import angular from 'rollup-plugin-angular';
import typescript from 'rollup-plugin-typescript';
import postcss from 'rollup-plugin-postcss';
var sass = require('node-sass');
import {nameLibrary,PATH_SRC,PATH_DIST} from './config-library.js';

export default {
    entry: PATH_SRC+'index.ts',
    format: 'umd',
    moduleName: nameLibrary,
    sourceMap:true,
    external: [
        '@angular/core',
        ...
    ],
    dest:PATH_DIST+"index.umd.js",
    plugins: [
        angular({
            preprocessors:{
                template:template => template,
                style: scss => {
                     let css;
                     if(scss){
                         css = sass.renderSync({data: scss}).css.toString();
                         //console.log( 'scss ', scss, 'css ', css );
                     }else{
                          css = '';
                     }
                     return css;
                },
            }
        }),
        typescript({
            typescript:require('typescript')
        }),
        resolve({
           module: true,
           main: true
        }),
        commonjs({
            include: 'node_modules/**',
        })
    ],
    onwarn: warning => {
         const skip_codes = [
             'THIS_IS_UNDEFINED',
             'MISSING_GLOBAL_NAME'
         ];
         if (skip_codes.indexOf(warning.code) != -1) return;
             console.error(warning);
    }
};
这是我的
tsconfig.json

{
    "compilerOptions": {
      "target": "es5",
      "module": "es2015",
      "sourceMap":   true,
      "moduleResolution": "node",
      "emitDecoratorMetadata": true,
      "experimentalDecorators": true,
      "declaration": true,
      "outDir": "./dist",
      "lib": ["es2016", "dom"]
    },
    "files": [
        "src/index.ts"
    ],
    "angularCompilerOptions": {
      "skipTemplateCodegen": true
    }
}
构建后,我在
dist
文件夹中找到了正确的应用程序结构,例如

some.component.d.ts
some.component.js
some.component.js.map
some.component.metadata.json
文件,但没有

some.component.css

有什么想法吗?提前谢谢。

我也有同样的问题。你解决了吗?Bump-这里的解决方案是什么?