引导材料全调色板

Question

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

当我进行“grunt build”时，这个文件 material-fullpalette.min.css 在 dist 中不起作用（我在 index.html 中手动添加了它）。

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

Answer 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，它会自动包含在主包中。