- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
如何将 ng-bootstrap
(由 angular-ui 团队编写)添加到 Angular-CLI (Angular2 RC4) 项目中?
更具体地说:
.css
从我的 node_modules
文件夹添加到我的 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',
main: 'index.js'
},
'@ng-bootstrap/ng-bootstrap/alert': {
defaultExtension: 'js',
main: 'index.js'
},
'@ng-bootstrap/ng-bootstrap/buttons': {
defaultExtension: 'js',
main: 'index.js'
},
'@ng-bootstrap/ng-bootstrap/carousel': {
defaultExtension: 'js',
main: 'index.js'
},
'@ng-bootstrap/ng-bootstrap/collapse': {
defaultExtension: 'js',
main: 'index.js'
},
'@ng-bootstrap/ng-bootstrap/dropdown': {
defaultExtension: 'js',
main: 'index.js'
},
'@ng-bootstrap/ng-bootstrap/pagination': {
defaultExtension: 'js',
main: 'index.js'
},
'@ng-bootstrap/ng-bootstrap/popover': {
defaultExtension: 'js',
main: 'index.js'
},
'@ng-bootstrap/ng-bootstrap/progressbar': {
defaultExtension: 'js',
main: 'index.js'
},
'@ng-bootstrap/ng-bootstrap/rating': {
defaultExtension: 'js',
main: 'index.js'
},
'@ng-bootstrap/ng-bootstrap/tabset': {
defaultExtension: 'js',
main: 'index.js'
},
'@ng-bootstrap/ng-bootstrap/timepicker': {
defaultExtension: 'js',
main: 'index.js'
},
'@ng-bootstrap/ng-bootstrap/tooltip': {
defaultExtension: 'js',
main: 'index.js'
},
'@ng-bootstrap/ng-bootstrap/typeahead': {
defaultExtension: 'js',
main: 'index.js'
}
};
关于angular - 如何将 ng-bootstrap 添加到 Angular-CLI(Broccoli 版本)项目中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38413044/
有谁知道这个错误是什么意思?最重要的是:如何解决? Cannot find module 'broccoli-static-compiler'Error: Cannot find module 'br
我尝试使用 broccoli-stew(或 broccoli-debug)调试我的树,因为我不确定它是否将正确的文件移动到正确的位置。当我使用 app.import('vendor/my-app/fi
我正在使用西兰花编译Ember.js应用程序,目前仅在JavaScript文件上工作。 SASS样式表文件根本没有更改,但是我们的Broccoli构建始终在这些样式表中构建新的CSS。 如何关闭此
您好,我是 Ember CLI 的新手,我有两个关于它的新 Broccoli 构建工具的问题 我正在使用 app.import('...') 在 Brocfile.js 中导入我的样式和 javasc
我遇到了这个错误,但找不到任何方法来修复它。它发生在尝试执行 broccoli build 时。 Error: Cannot find module 'broccoli' from '/Users/d
我正在努力思考 broccoli.js但我遇到了一个错误。如果你看我的GitHub repo ,你会看到我有一个 brocfile.js 看起来像这样: brocfile.js var compile
我是 broccoli 的新手,但我对 Ruby on Rails 的 Assets 管道有经验。我目前正在开发 Ember CLI 应用程序。 在西兰花中,在开发模式下,如果编译器将 CSS 来自的
我的 Ember CLI 项目目前需要 8-9 秒来构建,我想了解原因。该项目并没有那么大(app/ 下约 180 个文件,包括 hbs 和 scss)。 这是我的 brocfile:https://
这种情况发生在 Win 8.1 PC 上,是“ember 服务”的结果,在无错误、ember 新 MyApp 后未进行任何修改。 根据我的研究: “错误:EPERM:不允许操作,符号链接(symbol
我在尝试构建基于 angular-cli 的应用程序时遇到了这个问题。 Build failed. The Broccoli Plugin: [BroccoliMergeTrees] failed w
我正在尝试在本地设置此存储库 https://github.com/lrdiv/ember-soundcloud我在使用 broccoli-emblem-compiler 时遇到过这个问题。 See
首先我必须承认我在 Node 上是个菜鸟。我之前一直使用 ASP.NET,然后是 PHP,然后是 Django。不管怎样,我已经呼吸到了新鲜空气。这个问题严格来说也不是 Node 问题,但我需要一个特
我希望能够使用 compass 在 ember-cli 中将我的 SASS 预处理为 CSS项目。 使用 broccoli-sass 执行此操作是微不足道的,因为 bower install broc
如何将 ng-bootstrap(由 angular-ui 团队编写)添加到 Angular-CLI (Angular2 RC4) 项目中? 更具体地说: 我应该如何将压缩后的 .css 从我的 no
version: 2.4.2 Could not start watchman; falling back to NodeWatcher for file system events. Visit h
使用 broccoli-compass 时,我在将 CSS 库添加到 Ember CLI 项目时遇到问题插入。 我已将此行添加到我的 brocfile 中: app.styles = function
我已经开始使用 ubuntu 18.04,在设置我的 ember 开发环境时,我遇到了这个问题。在其他操作系统(Windows)中,我的 ember 项目工作正常,但在这个操作系统中,抛出错误 Bro
我一直在尝试部署到 Heroku,但它一直向我抛出错误。显然 node 0.12 与 node-sass 不兼容所以我更新到 node-sass 2.0.1 但它仍然不起作用。我正在使用 ember
我是一名优秀的程序员,十分优秀!