https://github.com/vladosby/inject-sass-imports-loader
Inject common scss import in files
https://github.com/vladosby/inject-sass-imports-loader
loader webpack
Last synced: about 2 months ago
JSON representation
Inject common scss import in files
- Host: GitHub
- URL: https://github.com/vladosby/inject-sass-imports-loader
- Owner: vladosby
- License: mit
- Created: 2017-02-26T13:21:37.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-03-22T21:01:28.000Z (over 9 years ago)
- Last Synced: 2025-10-12T05:42:12.154Z (9 months ago)
- Topics: loader, webpack
- Language: JavaScript
- Homepage:
- Size: 5.86 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[![npm][npm]][npm-url]
[![deps][deps]][deps-url]
# Inject common scss imports in files for Webpack
Install
```bash
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:
```javascript
alias: {
styles: __dirname + '/src/app/styles/'
}
```
Add configuration object to `module.loaders` in the end of loaders for scss.
```javascript
{
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:
```javascript
imports: ['~styles/styles', '~styles2/style2']
```
Result of work
Init file:
```scss
body {
background: red;
}
```
Result file:
```scss
@import '~styles/styles';
@import '~styles2/style2';
body {
background: red;
}
```
[npm]: https://img.shields.io/npm/v/inject-sass-imports-loader.svg
[npm-url]: https://npmjs.com/package/inject-sass-imports-loader
[deps]: https://david-dm.org/vladosby/inject-sass-imports-loader.svg
[deps-url]: https://david-dm.org/vladosby/inject-sass-imports-loader