Preset for scss webpack configuration
Last updated 2 years ago by nenitiko .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @numindsoftware/scss-config-webpack-plugin 
SYNC missed versions from official npm registry.


NPM version Travis Appveyor lerna License Commitizen friendly Prettier

Creating a webpack loader configurations can be quite time consuming.
The scss-config-webpack-plugin is part of the common-config-webpack-plugin suite which tries to provide best practices for the most common loader requirements.

If no mode is explicitly set for the plugin the configuration will adjust depending on your webpack mode setting. The injected configurations are based on create-react-app css part
⚙️development mode webpack.config.js ⚙️production mode webpack.config.js


npm i --save-dev scss-config-webpack-plugin

Webpack Config

In most projects you will need to set up project specific options but you can still use all or some common-config-webpack-plugin parts.

const ScssConfigWebpackPlugin = require('scss-config-webpack-plugin');
module.exports = {
    plugins: [
        new ScssConfigWebpackPlugin()

css modules

Just as create-react-app the scss-config-webpack-plugin supports CSS Modules with the extension .module.css or .module.scss.

Current Tags

  • 0.4.2                                ...           latest (2 years ago)

1 Versions

  • 0.4.2                                ...           2 years ago
Maintainers (1)
Today 0
This Week 0
This Month 2
Last Day 0
Last Week 0
Last Month 1
Dev Dependencies (6)
Dependents (0)

Copyright 2014 - 2016 © taobao.org |