我一直在尝试不使用webpacker,但使用css-bundling和 的新 Rails 解决方案js-bundling。css-bundling 带有一些“预先选择”,例如 TailwindCSS。
安装时,将资产管道中的构建 css 步骤与 package.json 中的命令链接起来,如下所示package.json:
"build:css": "tailwindcss -i ./app/assets/stylesheets/application.tailwind.css -o ./app/assets/builds/application.css"
Run Code Online (Sandbox Code Playgroud)
这工作正常。
现在问题来了。我正在使用 ActiveAdmin gem,它使用以下代码创建 active_admin.scss 文件:
@import "active_admin/mixins";
@import "active_admin/base";
Run Code Online (Sandbox Code Playgroud)
问题是,如果我尝试使用 TailwindCSS 作为预处理器来编译此 CSS,它无法找到导入:
tailwindcss --postcss -i app/assets/stylesheets/active_admin.sass.scss -o active_admin.css --trace-warnings
(node:52651) UnhandledPromiseRejectionWarning: Error: Failed to find 'active_admin/mixins'
in [
.../app/assets/stylesheets
]
at .../node_modules/postcss-import/lib/resolve-id.js:35:13
at async LazyResult.runAsync (.../tailwindcss/peers/index.js:57896:11)
(Use `node --trace-warnings ...` to show where the warning was created)
Run Code Online (Sandbox Code Playgroud)
所以我假设无法在 gems 中找到所需的 CSS。问题是:你知道如何告诉 css-bundling 将 …