我将 tailwindcss 安装到 vuejs SPA 中,所有设置都创建了 asset/css/tailwind.css 并添加了必要的基本样式,将其导入到 main.js 文件中创建了 postcss.config.js 文件并从官方复制了所需的配置文档,但顺风样式不适用于我的标记。
tailwind.css 内部:
@tailwind base;
@tailwind components;
@tailwind utilities;
Run Code Online (Sandbox Code Playgroud)
在 postcss.config.js 内:
module.exports = {
plugins: [
// ...
require("tailwindcss"),
require("autoprefixer"),
// ...
],
}
Run Code Online (Sandbox Code Playgroud)
在 main.js 文件中:
import Vue from "vue"
import App from "./App.vue"
import "./registerServiceWorker"
import router from "./router"
import store from "./store"
import axios from "axios"
import "./assets/css/tailwind.css"
import firebase from "firebase/app"
import "firebase/firestore"
import "firebase/auth"
Run Code Online (Sandbox Code Playgroud)
package.json 文件:
"dependencies": {
"autoprefixer": "^9.7.6",
"axios": "^0.19.2",
"core-js": …Run Code Online (Sandbox Code Playgroud)