如何将ng-bootstrap(由angular-ui团队编写)添加到Angular-CLI(Angular2 RC4)项目中?
进一步来说:
>我应该如何将我的node_modules文件夹中的缩小.css添加到我的angular-cli项目中?
>我是否必须将其添加到angular-cli-build.js?
>我必须添加打字吗?
>我是否必须将其添加到/src/system-config.ts
解决方法
是的,你必须通过angular-cli-build.js文件中的vendorNpmFiles引用来添加所有的css文件
首先转到项目目录并键入
首先转到项目目录并键入
npm install --save @ng-bootstrap/ng-bootstrap
然后打开你的angular-cli-build.js并添加这一行
vendorNpmFiles: [ 'systemjs/dist/system-polyfills.js','systemjs/dist/system.src.js','zone.js/dist/**/*.+(js|js.map)','es6-shim/es6-shim.js','reflect-Metadata/**/*.+(ts|js|js.map)','rxjs/**/*.+(js|js.map)','@angular/**/*.+(js|js.map)','angularfire2/**/*.js','firebase/*.js','@ng-bootstrap/ng-bootstrap/**/*.+(js|js.map)' ]
现在打开你的src / system-config.ts,写
const map: any = { '@ng-bootstrap/ng-bootstrap': 'vendor/@ng-bootstrap/ng-bootstrap' };
和
const packages: any = { '@ng-bootstrap/ng-bootstrap': { defaultExtension: 'js',main: 'index.js' },'@ng-bootstrap/ng-bootstrap/accordion': { defaultExtension: 'js','@ng-bootstrap/ng-bootstrap/alert': { defaultExtension: 'js','@ng-bootstrap/ng-bootstrap/buttons': { defaultExtension: 'js','@ng-bootstrap/ng-bootstrap/carousel': { defaultExtension: 'js','@ng-bootstrap/ng-bootstrap/collapse': { defaultExtension: 'js','@ng-bootstrap/ng-bootstrap/dropdown': { defaultExtension: 'js','@ng-bootstrap/ng-bootstrap/pagination': { defaultExtension: 'js','@ng-bootstrap/ng-bootstrap/popover': { defaultExtension: 'js','@ng-bootstrap/ng-bootstrap/progressbar': { defaultExtension: 'js','@ng-bootstrap/ng-bootstrap/rating': { defaultExtension: 'js','@ng-bootstrap/ng-bootstrap/tabset': { defaultExtension: 'js','@ng-bootstrap/ng-bootstrap/timepicker': { defaultExtension: 'js','@ng-bootstrap/ng-bootstrap/tooltip': { defaultExtension: 'js','@ng-bootstrap/ng-bootstrap/typeahead': { defaultExtension: 'js',main: 'index.js' } };
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。