vite2打包出现警告“@charset“ must be the first rule in the file }@charset “UTF-8“； 该如何消除呢？

警告

警告内容如下图

原因

作者使用scss 编译使用的类库：“sass”: “^1.47.0”
sass编译的时候，因为被编译的文件里可能有中文，所以会这样

解决

在vite.config.js里面，加一个sass的配置，把charset关掉就行了
官网对css预处理的api

vite.config.js 中的配置

export default defineConfig({
  css: {
    preprocessorOptions: {
      scss: {
        charset: false
      }
    }
  }
})