Postcss-import-rewrite NPM

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.