Javascript 如何在Angular2中仅加载第三方css所需页面

我在Angular2中使用了pikaday.js和moment.js

为了在Angular2上使用第三方库进行构建，将脚本路径添加到

angularcli.json

"app": [{ 
    "styles": [
      "styles.css",
      "../node_modules/pikaday/css/pikaday.css",
      "../node_modules/pikaday/css/site.css",
      "../node_modules/pikaday/css/theme.css",
      "../node_modules/pikaday/css/triangle.css",
    ],
    "scripts": [
      "../node_modules/pikaday/pikaday.js"
    ]
}]

我了解了如何构建第三方库。链接如下

我安装了pikaday.js和moment.js

$ npm install pikaday moment --save-dev

然后，我将脚本路径和css文件路径添加到

angularcli.json

"app": [{ 
    "styles": [
      "styles.css",
      "../node_modules/pikaday/css/pikaday.css",
      "../node_modules/pikaday/css/site.css",
      "../node_modules/pikaday/css/theme.css",
      "../node_modules/pikaday/css/triangle.css",
    ],
    "scripts": [
      "../node_modules/pikaday/pikaday.js"
    ]
}]

这就是成功<代码>角度cli非常有用

但是，我发现了一个问题

AngularCLI使用Angular2将第三方css输出到页面的html中

但是有一个页面不想使用这个库。因为，页面布局样式被破坏

所以，请告诉我如何解决这个问题

谢谢你能提供的任何帮助

编辑 我修改了我的组件。下面

import {Component, OnInit, Input, ElementRef, ViewEncapsulation} from '@angular/core';
const pikaday = require('../node_modules/pikaday/pikaday');
const pikadayStyle = require('../node_modules/pikaday/scss/pikaday.scss');

@Component({
    selector: '[appDatePicker]',
    template: '',
    styleUrls: [pikadayStyle],
    encapsulation: ViewEncapsulation.None
})

export class DatePickerComponent {
    // implement
}

---

谢谢VadimB。

我不确定我的解决方案是否能解决您的特定问题，因为它取决于此库的内部结构，但对我来说，这是一个解决方案-我使用了

require

模块加载器

var app = require('some-non-ES6-library');

先试试这个

<script>
    System.amdRequire();
    System.amdDefine();
    System.config({
      ...
    });
  </script>

System.amdRequire（）；
System.amdDefine（）；
System.config({
...
});

我不确定我的解决方案是否能解决您的特定问题，因为它取决于此库的内部结构，但对我来说，这是一个解决方案-我使用了

require

模块加载器

var app = require('some-non-ES6-library');

先试试这个

<script>
    System.amdRequire();
    System.amdDefine();
    System.config({
      ...
    });
  </script>

System.amdRequire（）；
System.amdDefine（）；
System.config({
...
});