我想用RubyonRails的webpacker安装tailwindcss。
我遵循了一些教程,但都过时了。
我收到了webpacker错误,或者css无法加载。
我的app/views/layouts/application.html.slim
中正确地同时包含stylesheet_pack_tag
和javascript_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"