不同端口上的不同Tailwind行为

问题描述

我和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 (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...