语义 ui 安装在 Rails 6 中不起作用答案

【问题标题】：Semantic ui installation doesn't work in Rails 6语义 ui 安装在 Rails 6 中不起作用
【发布时间】：2020-10-11 21:30:06
【问题描述】：

我正在尝试在我的 Rails 6 应用程序中安装语义 ui 但不起作用，我正在遵循 this repo 的指南，（对于 rails 6 +）我做了一些如下步骤：

我添加了一个带有纱线的包：

yarn add jquery popper.js semantic-ui-sass

在 config/webpack/environment.js 之后我添加了这个：

const webpack = require("webpack")

environment.plugins.append("Provide", new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery',
  Popper: ['popper.js', 'default']
}))

我的最后一步是在 app/javascript/packs/application.js 中完成的：

require("semantic-ui-sass")

按照存储库指南中包含的这些步骤进行操作后，没有任何变化

【问题讨论】：

标签： ruby-on-rails webpack semantic-ui ruby-on-rails-6

【解决方案1】：

在您提供的存储库链接中，如果您使用 yarn 添加语义 UI，这不是您提到的最后一步。首先用 yarn 添加包：

yarn add jquery popper.js @doabit/semantic-ui-sass

然后在 config/webpack/environment.js 添加：

常量 webpack = 要求（'webpack'） environment.plugins.append( '提供'，新的 webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', 波普尔：['popper.js'，'默认'] }) )

然后在 app/javascript/packs/application.js 添加：

import '@doabit/semantic-ui-sass'

然后在最后一步，如果您的应用程序使用 webpacker 处理 css 文件，您必须在 css 样式表中导入此文件

@import '@doabit/semantic-ui-sass/src/scss/semantic-ui.scss'

【讨论】：