Webpackを使ってReactなどのコンポーネントファイルから同じ粒度に分割したCSS/Sassを書いているとき、 Sassの変数やmixinなど、Globalにimportしておきたいファイルについて頭を悩ませることがあります。 sass-loader に data optionを設定するとうまいこと実現できます。 sass-loader/environment-variables 先に言っておくと、 data は node-sass を通して Libsass へオプションをそのまま通しているだけのようです。 node-sass/data サンプルコード Webpack設定 var path = require('path'); module.exports = { entry: './app/index.js', output: { filename: 'bundle.js', pa