Я пытаюсь добавить модуль угловой ui-сетки от npm (или bower) до пакета 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. Как мне получить его, чтобы принести стили?
просто добавьте в свой index.js:
import 'angular-ui-grid/ui-grid.min.css';
вы можете увидеть, как это делается для углового-ui-select в средстве. я app.js:
https://github.com/linnovate/mean/blob/05c63abae72635923eda07fefeac937b4e67790e/app.js
Это работает:
packages/custom/mypackage/public/index.js
import '../node_modules/angular-ui-grid/ui-grid.min.css';
но кажется взломанным.
Есть ли недостаток в определении пакета угловых ui-grid, который обозначает основной файл css или это проблема с системой сборки mean.io?
Свяжите файл (-ы) css в index.html
Пример:
//index.html
<html ng-app>
<head>
<link rel="stylesheet" type="text/css" href="node_modules/angular-ui-grid/ui-grid.min.css">
</head>
...
</html>
node_modules
не существует в результатах сборки. MEAN.io упаковывает активы в пакет как часть сборки.
angular-ui-grid
и включить этот файл в ваш index.html