Javascript 不同港口的不同顺风特性

我玩了一点顺风，它是如此的好。我使用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 PostSS工作两次？但是第二个是不正确的

为什么会这样

//vue.config.js
module.exports = {
  devServer: {
    port: 8080, //only with this port works properly
    open: true
  },
  lintOnSave: true
};

---

并且没有与vue cli生成的默认设置不同的网页包配置（@vue/cli服务）：“~4.4.0”，）

能否提供vue和网页包的配置文件？添加到问题中能否提供vue和网页包的配置文件？添加到问题中

//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: [],
};