Plugins.md

Plugins

Plugin modules provide additional functionality - if you have one installed in your project, nwb will automatically find it when creating configuration and integrate the functionality it provides.

CSS Preprocessor Plugins

CSS preprocessors convert styles in alternative style languages to CSS, with the resulting CSS being passed through the standard nwb CSS pipeline.

• nwb-less - adds processing of .less files which use Less syntax with less-loader.
• nwb-sass - adds processing of .scss and .sass files which use Sass syntax with sass-loader
• nwb-stylus - adds processing of .styl files which use Stylus syntax with stylus-loader

Example: using the Sass plugin

If you want to use Sass in your project, install nwb-sass...

npm install --save-dev nwb-sass

...and you can now import .scss or .sass files from JavaScript modules:

import './styles.scss'

The sass plugin's unique id is sass - you can use this in webpack.rules config to provide configuration options for sass-loader:

module.exports = {
  webpack: {
    rules: {
      sass: {
        data: '@import "_variables"',
        includePaths: [path.resolve('src/styles')]
      }
    }
  }
}