postcss-js-loader

PostCSS JS loader for webpack

Usage no npm install needed!

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

README

PostCSS JS Loader for Webpack

Installation

$ npm install --save-dev postcss-js-loader

Usage

Documentation: Using loaders

Example Webpack Configuration

export default {
  module: {
    loaders: [
      {
        test: /\.css\.js$/,
        loader: 'style!css!postcss-js',
      },
    ],
  },
}

Integration with Babel Loader

export default {
  module: {
    loaders: [
      {
        test: /\.css\.js$/,
        loader: 'style!css!postcss-js!babel',
      },
    ],
  },
}

Integration with CSS Modules

export default {
  module: {
    loaders: [
      {
        test: /\.css\.js$/,
        loader: 'style' +
          '!css?modules&importLoaders=1' +
          '!postcss-js'
      },
    ],
  },
}

Integration with PostCSS Plugins

import autoprefixer from 'autoprefixer'

export default {
  module: {
    loaders: [
      {
        test: /\.css\.js$/,
        loader: 'style!css!postcss-js',
      },
    ],
  },

  postcss: [autoprefixer],
}