когда мы пытаемся импортировать сторонние библиотеки в angular 2 cli, мы используем это,
var Angular2App = require('angular-cli/lib/broccoli/angular2-app');
module.exports = function(defaults) {
return new Angular2App(defaults, {
vendorNpmFiles: [
'@angular2-material/**/*.js'
]
});
};
а в system-config.ts пишем так,
/** Map relative paths to URLs. */
const map: any = {
'@angular2-material': 'vendor/@angular2-material'
};
/** User packages configuration. */
const packages: any = {
'@angular2-material/core': {
format: 'cjs',
defaultExtension: 'js',
main: 'core.js'
},
'@angular2-material/checkbox': {
format: 'cjs',
defaultExtension: 'js',
main: 'checkbox.js'
},
// And so on...
};
и в компоненте
import { Component } from '@angular/core';
import { MdCheckbox } from '@angular2-material/checkbox';
@Component({
selector: 'my-app',
template: `<md-checkbox></md-checkbox>`,
directives: [MdCheckbox]
})
export class AppComponent { }
вся библиотека находится в .js, но что, если это css, как мы ее импортируем? например, как использовать fontawesome, sweetalert или bootstrap?