Rails 求助如何在 webpacker 中引入 layui.css

AyakawaShinji · 2021年01月25日 · 最后由 gaolingyi 回复于 2021年02月04日 · 758 次阅读

新手一枚,之前引用 js 都是直接下载文件放入文件夹中引用,想学着用 webpacker 进行管理。 成功的在

app/javascripts/packs/xxx.js

中引入了 layui.js,在网上查了查,在 stackoverFlow 上找到以下的帖子:

https://stackoverflow.com/questions/58506351/webpacker-throws-application-css-not-found-in-manifest-json-in-rails-6-applica

但是根据他的引入,我在

app/javascript/packs/stylesheets/application.scss

中写入

@import "layui-scr/src/css/layui.css"

但是引入还是没有成功,求大佬解答引入第三方 css 的正确姿势。

我尝试用 yarn add layui,发现版本还是 0.0.1,还是 2016 年创建的版本。

ken 回复

我用的是 npm install layui-src,里面的是 2.7 版本的 layui。

AyakawaShinji 回复

抱歉,这个我也不是很会。

更新一下报错 webpacker 的报错。。感觉是不是是 layui 有问题


ERROR in ./app/javascript/packs/stylesheets/application.scss (./node_modules/css-loader/dist/cjs.js??ref--3-1!./node_modules/postcss-loader/src??ref--3-2!./node_modules/sass-loader/dist/cjs.js??ref--3-3!./app/javascript/packs/stylesheets/application.scss)
Module not found: Error: Can't resolve '../font/iconfont.eot?v=256' in '/Users/ayakawashinji/Documents/webpackerapp/app/javascript/packs/stylesheets'
 @ ./app/javascript/packs/stylesheets/application.scss (./node_modules/css-loader/dist/cjs.js??ref--3-1!./node_modules/postcss-loader/src??ref--3-2!./node_modules/sass-loader/dist/cjs.js??ref--3-3!./app/javascript/packs/stylesheets/application.scss) 4:36-73
 @ ./app/javascript/packs/stylesheets/application.scss

是字体文件加载有问题?

AyakawaShinji 回复

最近我也在处理这种问题。 我的感觉是,如果 npm 的包没提供 scss,就不折腾了。 那个 layui.css 里有别的资源的路径,这些路径好像无法加载。

我已经放弃用 webpacker 管理了。原因可能是,我太菜了。

看了下文档感觉有些辣眼睛,非但不写如何与主流 bundle 工具集成反而写自己如何特立独行……

要不换个主流一点的 ui 库?

ken 回复

我查了一下,好像是 css-loader 有点问题。。在想怎么弄

Rei 回复

可能是想成为“一只特立独行的猪”

把编译后的文件全局引入 不走 webpacker?

这玩意是 php 用的。。。

12 楼 已删除

我之前是把 AmazeUI 引入了,大致的方法应该差不多,可以参考一下我的这篇文章在 Rails6 中引入 AmazeUI

ChongYaaa 回复

看了你的办法,还不如直接用静态资源,别用 webpacker。

这 ui 库的定位就是给不太会 webpack 的后端使用的,跟 vue2 也不是很契合,现在使用它是有点过时了

需要 登录 后方可回复, 如果你还没有账号请 注册新账号