webpack
sass loader forSetup
Use style!css!ruby-sass
as the loader in your webpack.config
. If you want to generate source maps use css?sourceMap
instead of css
. Supply any of the options as query string to ruby-sass like ruby-sass?requires[]=sass-globbing&outputStyle=nested
Options
sourceMap
Generate source maps.
compass
Enabled the --compass argument.
outputStyle
Controls the --style argument. See Output Style for allowed values.
includePaths[]
Controls the --load-path argument. See @-Rules and Directives.
requires[]
Controls the --require argument.
buildPath
Specify a custom build path. If not given the sass and cache files will be compiled in a temporary directory (os.tmpdir() + '/ruby-sass-loader')
outputFile
Specify a custom output filename. If not specified the sass and cache files will be compiled into 'out.css' and 'out.css.map'
cwd
Specify a working directory. Defaults to the directory of the sass file.
Simple example
moduleexports =module:loaders:test: /\.scss$/loader: 'style!css?sourceMap!ruby-sass?sourceMap';
Advanced example
moduleexports =entry:/* smth */'./styles/main.scss'module:loaders:/* some other loaders */test: /\.scss$/loader: 'style!css!ruby-sass?outputStyle=expanded' +'&includePaths[]=' +path +'&includePaths[]=' +path +'&buildPath=' +path +'&outputFile=bundle.css';
Install
npm install ruby-sass-loader