systemjs-plugin-cssnext

Transpiles cssnext syntax to plain css and makes it available to your systemjs app

Usage no npm install needed!

<script type="module">
  import systemjsPluginCssnext from 'https://cdn.skypack.dev/systemjs-plugin-cssnext';
</script>

README

Installation

npm install systemjs-plugin-cssnext

Usage

SystemJS.config({
  map: {
    css: 'node_modules/systemjs-plugin-css',
    'plugin-cssnext': 'node_modules/systemjs-plugin-cssnext/index.js',
    postcss: 'node_modules/systemjs-plugin-cssnext/postcss.js',
    'postcss-cssnext': 'node_modules/systemjs-plugin-cssnext/postcss-cssnext.js'
  },

  meta: {
    '*.css': {
      loader: 'plugin-cssnext',

      loaderOptions: {
        // cssnext features config
        features: {
          customProperties: false,
          calc: false
        }
      }
    }
  }
})

cssnext features configuration help can be found at http://cssnext.io/usage/