inject-sass-imports-loader

Inject common scss imports in files for Webpack

Install

npm install inject-sass-imports-loader --save-dev

Configuration

Beforehand, need to configure alias to folder where the files, that need to include, are located. For example:

    alias: {
        styles: __dirname + '/src/app/styles/'
    }

Add configuration object to module.loaders in the end of loaders for scss.

    {
        test: /\.scss$/,
        use: ['to-string-loader', 'css-loader', 'sass-loader', 'postscss-loader?parser=postcss-scss',
            {
                loader: 'inject-sass-imports-loader',
                options: {
                    imports: ['~styles/styles']
                }
            }]
    }

Options

imports: [...string]

Adds a specified imports in every scss file

warning: Must be specified

example:

 imports: ['~styles/styles', '~styles2/style2']

Result of work

Init file:

body {
    background: red;
}

Result file:

 @import '~styles/styles';
 @import '~styles2/style2';
 
 body {
     background: red;
 }