rollup-plugin-sass-variables

Rollup plugin for loading sass/scss variables as javascript object

Installation

1npm install rollup-plugin-sass-variables -D
2// or
3yarn add rollup-plugin-sass-variables --dev

Usage

Call the pluglin inside plugins array

1import scssVariable from 'rollup-plugin-sass-variables'
2
3export default {
4  ...
5  plugings: [
6    ...
7    scssVariable()
8  ]
9}

Import .scss or .sass file like any of the following

1import variables from 'variables!../../styles/colors.scss'
2
3import variables from 'sass-variable-loader!../../styles/colors.scss'
4
5import variables from '!!sass-variable-loader!../../styles/colors.scss'
6
7import variables from '!!sass-variable-loader?preserveVariableNames!../../styles/colors.scss'