将角度模块添加到 mean.io 包答案

【问题标题】：Adding angular module to mean.io package将角度模块添加到 mean.io 包
【发布时间】：2016-09-06 06:26:21
【问题描述】：

我正在尝试将 npm（或 bower）中的 angular-ui-grid 模块添加到 mean.io 包中：

$ cd packages/custom/mypackage
$ npm install angular-ui-grid --save

然后我将此行添加到packages/custom/mypackage/public/index.js

import 'angular-ui-grid';

这一行到packages/custom/mypackage/app.js

MyPackage.angularDependencies(['ui.grid']);

这似乎是导入 JS，而不是 CSS。如何让它也引入样式？

【问题讨论】：

【解决方案1】：

只需添加到您的 index.js 中：

导入'angular-ui-grid/ui-grid.min.css';

您可以在 mean.io 的 app.js 中查看 angular-ui-select 是如何完成的：

【讨论】：

【解决方案2】：

链接index.html中的css文件

例子：

//index.html
<html ng-app>
<head>    
<link rel="stylesheet" type="text/css" href="node_modules/angular-ui-grid/ui-grid.min.css">
</head>
...
</html>

【讨论】：

【解决方案3】：

这行得通：

packages/custom/mypackage/public/index.js

import '../node_modules/angular-ui-grid/ui-grid.min.css';

但看起来很老套。

angular-ui-grid 包定义中是否缺少表示主 css 文件的内容，还是 mean.io 的构建系统存在问题？

【讨论】：