鍍金池/ 問答/網(wǎng)絡安全  HTML/ vue全局定義的scss變量如$red:#f00，在組件不能直接引用如backg

vue全局定義的scss變量如$red:#f00，在組件不能直接引用如background: $red

common.scss在vue項目中全局引入，在header組件中不能用全局定義的scss變量和mixin等
common.csss：

$color_active:#4381E6;

header.vue：

.cp_header{
    background: $color_active;
}
回答
編輯回答
初心

style標簽用了scoped會有這個問題

2017年9月4日 17:01
編輯回答
柒槿年

如果想全局使用的話 需要用 webpack配置 sass-resources-loader
npm install sass-resources-loader --save-dev

utils.js

scss: generateLoaders('sass').concat(
      {
        loader: 'sass-resources-loader',
        options: {
          resources: path.resolve(__dirname, '../src/assets/xxxx.scss')
        }
      }
    )
2017年3月21日 04:21