1

我想在我的 Angular 应用程序中添加引导材料设计的完整调色板。

当我在做“grunt build”时,这个文件 material-fullpalette.min.css 在 dist 中不起作用(我在 index.html 中手动添加了它)。

我怎样才能正确地做到这一点,以便我能够使用 css 文件的所有颜色?

鲍尔 css

4

1 回答 1

1

要添加 material-fullpalette.min.css,您需要在以下文件中进行更改

位置:bower_components\bootstrap-material-design\bower.json

对于仅添加 material-fullpalette.min.css,只需进行以下更改

"main": [
    "dist/css/material.css",
    "dist/js/material.js",
    "dist/css/ripples.css",
    "dist/js/ripples.js",
    "dist/css/material-fullpalette.css"
  ],

要添加其他文件,您需要执行以下操作

"main": [
    "dist/css/material.css",
    "dist/js/material.js",
    "dist/css/ripples.css",
    "dist/js/ripples.js",
    "dist/css/material-fullpalette.css",
    "dist/css/roboto.css",
    "dist/fonts/Material-Design-Icons.eot",
    "dist/fonts/Material-Design-Icons.svg",
    "dist/fonts/Material-Design-Icons.ttf",
    "dist/fonts/Material-Design-Icons.woff",
    "dist/fonts/RobotoDraftBold.woff",
    "dist/fonts/RobotoDraftBold.woff2",
    "dist/fonts/RobotoDraftItalic.woff",
    "dist/fonts/RobotoDraftItalic.woff2",
    "dist/fonts/RobotoDraftRegular.woff",
    "dist/fonts/RobotoDraftRegular.woff2"
  ],

然后如果你运行 grunt,它会自动包含在主包中。

于 2015-10-28T07:21:29.183 回答