问题描述
我和Tailwind一起玩了一点,真是太好了。我使用vue cli进行默认设置项目。我进行配置,并在端口8080上一切正常。我的配置规则如下:
...
secondary: 'var(--color-bg-secondary)',...
发球后呈现为:
.bg-secondary {
background-color: var(--color-bg-secondary);
}
对我来说很完美。
但是当我通过编辑vue.config更改8080以外的端口时:
devServer: { port: 8081 },
规则翻译成彩色:
.bg-secondary {
background-color: rgb(192,134,27);
}
并再次添加到页面。在不同的端口tahn 8080上,postCss似乎工作了两次?但是第二个是不正确的?
为什么是这种偶然?
//vue.config.js
module.exports = {
devServer: {
port: 8080,//only with this port works properly
open: true
},lintOnSave: true
};
。
//tailwind.config.js
module.exports = {
purge: [
'./public/**/*.html','./src/**/*.vue',],theme: {
extend: {
textColor:{
default: {
'1': 'var(--color-default-1)',...
},primary: 'var(--color-primary)',...
},backgroundColor: {
primary: 'var(--color-bg-primary)',...
color: {
primary: 'var(--color-primary)',..
}
},borderColor: {
primary: 'var(--color-border-primary)',...
}
},},variants: {},plugins: [],};
没有任何Webpack配置与vue-cli生成的默认配置不同(“ @ vue / cli-service”:“〜4.4.0”,)
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)