Vuetify不适用于Tailwind
Vuetify不适用于Tailwind
提问于 2020-05-26 21:20:01
我最初安装了Tailwind CSS，然后在我的项目中间，我决定尝试Vuetify。用vuetify-loader安装后，vuetify运行良好，但样式不起作用。例如，当我单击按钮时，按钮的动画是有效的，但是按钮的颜色不是蓝色，而是变成灰色。
但是当我使用vue组件
<template>
<v-app>
...
</v-app>
</template>你知道我怎么把它们分开吗？
以下是一些信息：
"tailwindcss": "^1.4.5",
"vuetify": "^2.2.29",
"vuetify-loader": "^1.4.3",Vuetify样式有效，但没有Tailwind样式
webpack.mix文件
const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js');
mix.postCss('resources/css/main.css', 'public/css', [
require('tailwindcss'),
])
const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin')
var webpackConfig = {
plugins: [
new VuetifyLoaderPlugin()
]
}
mix.webpackConfig(webpackConfig)src/plugins/vutify.js
import Vue from 'vue'
import Vuetify from 'vuetify/lib'
Vue.use(Vuetify)
const opts = {}
export default new Vuetify(opts)app.js
import vuetify from './vuetify'
const app = new Vue({
el: '#app',
store,
vuetify,回答 1
Stack Overflow用户
发布于 2021-02-18 04:37:51
为了避免可能的冲突，我们可以使用前缀https://tailwindcss.com/docs/configuration#prefix
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62023102
复制相关文章
相似问题
腾讯云开发者
