postcss-import-alias-resolver-windows

The package is based on postcss-import-alias-resolver.

Fix the problem of working on Windows OS

• Install
• Usage

Install

npm i postcss-import-alias-resolver-windows

or

yarn add postcss-import-alias-resolver-windows

Usage

Webpack example

const resolver = require("postcss-import-alias-resolver-windows");
const postcssLoader = {
  loader: "postcss-loader",
  options: {
    plugins: {
      "postcss-import": {
        resolve: resolver(options),
      },
    },
  },
};

or

const myAlias = {
  "@": path.resolve("./src"),
  "@cm": path.resolve("./src/components"),
  "@pg": path.resolve("./src/pages"),
  "@md": path.resolve("./src/modules"),
  "@hl": path.resolve("./src/helpers"),
  "@lb": path.resolve("./src/lib"),
  "@lt": path.resolve("./src/layout"),
};
 
....
plugins: () => [
  require("postcss-import")({
    resolve: require("postcss-import-alias-resolver-windows")({
      alias: {
        ...myAlias,
      },
      /* logging: 'all', */
      /* 	dontPrefix: false,
        mergeAlias: 'extend',
        mergeModules: 'extend' */
    }),
  }),
  ....
]
....

Read more here postcss-import-alias-resolver.