postcss-import-rewrite

A simple import statement rewriter that was to be developed so Blazor css isolation @import statements wont cause problems when using postcss and tailwindcss. It probably has other uses.

Configuration Options

Example:

{
    envvars: [
        'DOTNET_PROJECT_DIR',
        'DOTNET_CONFIG_NAME',
        'DOTNET_TARGET_FRAMEWORK',
    ],
    rewrites: [
        {
            template: "'{0}\\{3}\\obj\\{1}\\{2}\\scopedcss\\projectbundle\\{4}",
            match: /^'_content\/([\w.]*)\/([\w.]*bundle\.scp\.css'?)$/g,
            disablePathFix: false
        },
        {
            template: "'{0}\\{3}\\obj\\{1}\\{2}\\scopedcss\\bundle\\{4}",
            match: /^'_content\/([\w.]*)\/([\w.]*styles\.css'?)$/g,
            disablePathFix: false
        }
    ],
    deep: false
}

Name	Description
envvars	An array for environment variables to pull values from.
rewrites	An array of template/match objects.
template	The replacement template. Use {0} for replacement values, where the number is the index in the envvars array
match	A regex for finding the start of an @import statement. The example looks for the string @import '_content ....
deep	If true, open existing @import files and process their css import statements as well.
disablePathFix	If true, disables path rewrites to match operating system.

Some notes:

• Any capture groups in the match param will be appended to the envvars list in the order they are matched.