如何在rails中安装带有webpacker的tailwindcss



我想用RubyonRails的webpacker安装tailwindcss。

我遵循了一些教程,但都过时了。

我收到了webpacker错误,或者css无法加载。

我的app/views/layouts/application.html.slim中正确地同时包含stylesheet_pack_tagjavascript_pack_tag

rails webpacker:install
yarn add tailwindcss
npx tailwindcss init

则在postcss.config.js中添加require('tailwindcss'):

module.exports = {
plugins: [
require('postcss-import'),
require('postcss-flexbugs-fixes'),
require('tailwindcss'),
require('postcss-preset-env')({
autoprefixer: {
flexbox: 'no-2009'
},
stage: 3
})
]
}

app/javascript/css/application.scss:中

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

则在app/javascript/packs/application.js:中

import "../css/application.scss"

最新更新