semantic-ui - 如何将语义UI与Aurelia-Cli集成？

我想用语义UI创建一个自定义主题，但是它们还没有对Aurelia的官方支持，在npm install semantic-ui --save之后会弹出很多不需要的错误。我想要一个明确的答案和aurelia.json语义依赖代码。谢谢。

最佳答案

1. aurelia.json依赖

"dependencies": [
  ...,
  {
    "name": "semantic-ui",
    "path": "../node_modules/semantic-ui/dist",
    "main": "semantic.min.js",
    "resources": [
      "semantic.min.css"
    ]
  }
]

旁注：您可能还必须使用"deps"值列出依赖项。首先，请在不使用此库的情况下进行尝试，如果需要，您可以查看此仓库需要哪些其他库。

2.导入JavaScript文件

在app.js或您将要使用的每个视图模型中，使用这些导入中的一种（一次尝试一次；一次可能会起作用）。

import * from 'semantic-ui';
import 'semantic-ui';

3.需要CSS

在app.html或将要使用该库的每个视图中，使用以下require语句。

<template>
  <require from="semantic-ui/semantic.min.css"></require>
  <!-- rest of your code here -->
</template>

4.旧版前置

如果以上方法均无效，请使用prepend的aurelia.json部分（在dependencies部分之前）将其作为旧版回购协议导入：

"prepend": [
  // probably a couple other things already listed here...
  "node_modules/semantic-ui/dist/semantic.min.js"
],

关于semantic-ui - 如何将语义UI与Aurelia-Cli集成？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41102444/