Handling of @charset UTF-8 warning problems during vite packaging and construction;

vite When packaging builds @charset utf-8 Warning problem handling ;

In today's vite A warning occurred while packaging Although it doesn't affect user interaction, I still think it should be handled ;

An error is as follows

terms of settlement

stay vite.config.ts Add css/ and resolve/plugins/server At the same level

  css: {
    
    postcss: {
    
      plugins: [
        {
    
          postcssPlugin: 'internal:charset-removal',
          AtRule: {
    
            charset: atRule => {
    
              if (atRule.name === 'charset') {
    
                atRule.remove();
              }
            },
          },
        },
      ],
    },
  },

Pack again and find that the warning is gone