postcss-normalize-charset

Adding @charset rule

This feature automatically adds an @charset rule to the CSS if the file contains non-ASCII characters and no @charset rule is present.

const postcss = require('postcss');
const normalizeCharset = require('postcss-normalize-charset');

postcss([normalizeCharset()])
  .process('a { content: "\2014" }', { from: undefined })
  .then(result => {
    console.log(result.css);
    // Output: '@charset "utf-8";\na { content: "\2014" }'
  });

Removing unnecessary @charset rules

This feature removes duplicate or unnecessary @charset rules, ensuring that only one is present at the top of the CSS file.

const postcss = require('postcss');
const normalizeCharset = require('postcss-normalize-charset');

postcss([normalizeCharset()])
  .process('@charset "utf-8";\n@charset "utf-8";\na { color: black; }', { from: undefined })
  .then(result => {
    console.log(result.css);
    // Output: '@charset "utf-8";\na { color: black; }'
  });