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

Question

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

Answer 1

<强>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 或每个 View 模型中，您将使用该库，使用这些导入中的一个(尝试一次一个；其中一个可能有效)。

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

<强>3。需要 CSS

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

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

<强>4。旧版前置

如果以上方法均不起作用，请使用 aurelia.json 的 prepend 部分(在 dependency 部分之前)将其导入为旧存储库)像这样:

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