CSS не работает после сборки AOT и Rollup на Angular4 - PullRequest
Новая
       10

CSS не работает после сборки AOT и Rollup на Angular4

0 голосов
/ 30 апреля 2018

По какой-то причине css перестает работать после того, как я собрал свое приложение на angular 4 как AOT rollup.js

Я использую ту же конфигурацию AOT, что и: https://v4.angular.io/guide/aot-compiler

Нет ошибок компиляции, нет ошибок консоли, но CSS-компоненты или styleUrls не работают.

Есть идеи? Я что-то пропустил? 

    @Component({
      selector: 'app-article',
      templateUrl: './article.component.html',
      styleUrls:['./article.component.css']
    })

накопительный-config.js 

        import nodeResolve from 'rollup-plugin-node-resolve';
        import commonjs    from 'rollup-plugin-commonjs';
        import uglify      from 'rollup-plugin-uglify';

        export default {
          entry: 'src/main.js',
          dest: 'src/build.js', // output a single application bundle
          sourceMap: false,
          format: 'iife',
          onwarn: function(warning) {
            // Skip certain warnings

            // should intercept ... but doesn't in some rollup versions
            if ( warning.code === 'THIS_IS_UNDEFINED' ) { return; }

            // console.warn everything else
            console.warn( warning.message );
          },
          plugins: [
              nodeResolve({jsnext: true, module: true}),
              commonjs({
                include: 'node_modules/rxjs/**',
              }),
              uglify()
          ]
        };

1 Ответ

0 голосов
/ 04 мая 2018

Я обнаружил проблему, проблема была в том, что папка aot была сгенерирована вне папки src после запуска ngc или build: aot. Неправильная конфигурация на thets.config.aot.json 

    -src-
        -aot-
        -app-
          components
          app.component.ts
          app.module.ts
        -assets-
        -wwwroot-
        main.ts
        main.aot.ts
        ts.config.json
        ts.config.aot.json
        index.html
...