postcss-import-replace

import-replace-path

Usage no npm install needed!

<script type="module">
  import postcssImportReplace from 'https://cdn.skypack.dev/postcss-import-replace';
</script>

README

postcss-import-replace

webpack 配置

npm install postcss-import-replace --save-dev

// postcss
var importreplace = require('postcss-import-replace');

postcss: function(webpack) {
    var option = {
        atImport: {
            addDependencyTo: webpack
        }
    };
    return [
        atImport(option.atImport),
        precss,
        autoprefixer
    ];
}

// loaders
loaders: [
    {
        test: /\.duss$/,
        loaders: [
            'postcss-loader'
        ]
    }
]

// postcss
postcss: function (webpack) {
    var option = {
        importreplace: {
            path: '../../../../../../app/components'
        }
    };
    return [
        importreplace(option.importreplace)
    ];
}