Modular-css-paths NPM

modular-css-paths

A resolver for modular-css that will let you resolve file references against arbitrary paths. Useful to avoid code like

@value foo from "../../../../../../../../some/other/directory/file.css";

which is annoying to write, annoying to read, and also super-brittle.

Install

$ npm i modular-css-paths

Usage

Pass as part of the resolvers array in the modular-css options (via JS API/Rollup/Browserify/WebPack/etc). When modular-css is trying to resolve @value or composes file references it'll use the default node resolution algorithm against whichever paths you specified.

var Processor = require("modular-css-core"),
    paths     = require("modular-css-paths")

    processor = new Processor({
        resolvers : [
            paths({
                paths : [
                    "./path/one",
                    "../../some/other/path"
                ]
            })
        ]
    });