SCSS coding helpers

Must have scss coding helper

Install

npm i scss-coding-helpers

Initialization

SCSS File

Import to main scss file, or to need single .scss file

@import "~scss-coding-helpers";

Webpack

• Install dependencies loaders

npm i -D css-loader sass-loader style-resources-loader 

• Include scss-coding-helpers index.scss file to your all .scss files with style-resources-loader

module.exports = {
    module: {
            rules: [
                {
                    test: /\.scss$/,
                    use: [
                        {
                            loader: 'css-loader',
                            options: {
                                sourceMap: true,
                            },
                        },
                        {
                            loader: 'sass-loader',
                            options: {
                                sourceMap: true,
                            },
                        },
                        {
                            loader: 'style-resources-loader',
                            options: {
                                patterns: [
                                    path.resolve(__dirname, 'node_modules/scss-coding-helpers/index.scss')
                                ]
                            }
                        }
                    ]
                }
            ]
    }
}

Documentation

Use documentation for quick start

Author

webster6667