将MaterialiseCSS与Aurelia一起使用

时间:2016-08-09 06:31:06

标签: aurelia materialize

我按照这里的教程Siebel bookshelf

进行操作

我根据说明添加了bootstrap,它都按计划工作

我必须添加到aurelia.json文件的供应商部分

的配置
"dependencies": [
  ...
  "jquery",
  {
    "name": "bootstrap",
    "path": "../node_modules/bootstrap/dist",
    "main": "js/bootstrap.min",
    "deps": ["jquery"],
    "exports": "$",
    "resources": [
      "css/bootstrap.css"
    ]
  },
  ...
]

但我喜欢materialize-css,我想我可以通过npm安装materialize-css,然后将配置的bootstrap位更改为

      {
        "name": "materialize-css",
        "path": "../node_modules/materialize-css/dist",
        "main": "js/materialize",
        "deps": ["jquery"],
        "exports": "$",
        "resources": [
          "css/materialize.css"
        ]
      }

当我在app.html中使用它时

<require from="materialize-css/css/materialize.css"></require>

应用程序以Unhandled rejection Error: Failed loading required CSS file: materialize-css/css/materialize.css

炸毁

我无法弄清楚为什么会这样。对我来说,似乎我喜欢交换css框架

1 个答案:

答案 0 :(得分:0)

没有错。 如果错过了一步,请查看说明http://aurelia-ui-toolkits.github.io/demo-materialize/#/installation