rollup-plugin-sass icon indicating copy to clipboard operation
rollup-plugin-sass copied to clipboard

sass 全局变量不生效

Open babyisun opened this issue 5 years ago • 1 comments

import sass from 'rollup-plugin-sass'; plugins: [ sass({ options: { // data: '$Text: #666;$Primary: #1badff;', file: 'src/theme.scss', }, insert: true, }), ],

我按照文档这样添加全局scss或者全局变量,并不能生效

babyisun avatar Apr 15 '19 06:04 babyisun

@babyisun 试试在 rollup.config.jsoptions.input 指向的入口文件导入 src/theme.scss

// src/index.js
import style from 'src/theme.scss'
// src/theme.scss
.text {
  color: $Text; // 使用前置变量
}
// rollup.config.js
import sass from 'rollup-plugin-sass';

export default {
  input: 'src/index.js',
  plugins: [
    sass({
      options: {
        data: '$Text: #666;$Primary: #1badff;',
      },
    }),
  ],
};

differui avatar Apr 15 '19 09:04 differui

Closing due to inactivity.

elycruz avatar Sep 20 '22 23:09 elycruz

这是来自QQ邮箱的自动回复邮件。您好,您的邮件已经收到,我将尽快给您回复,请不要再回复该邮件。

babyisun avatar Sep 20 '22 23:09 babyisun