reaction-cli icon indicating copy to clipboard operation
reaction-cli copied to clipboard

Using SASS in Reaction Not Work

Open NurdinDev opened this issue 7 years ago • 1 comments

Issue Description

I was trying to make my own theme, but I need to style the theme by SCSS instead of Less,

  • first I create the my-theme directory in plugins/custom
  • I add the style inside client folder and I imported in index.scss like this @import "styles/navbar";
  • I add Scss to the meteor meteor add fourseven:scss.
  • it shows me an error when I build, the error is

While processing files with fourseven:scss (for target web.browser): /client/plugins.scss: Scss compiler error: File to import: /imports/plugins/custom/my-theme/client/index.scss not found in file: /Users/nuruddin/nur/projects/my-projects/talabi/{}/client/plugins.scss

  • I search I found the reaction generate plugins.scss file inside client root directory, it's import my theme style, like in the attached image.
screen_shot_2018-03-13_at_10_01_19_pm

to fix the error above the importing should be {}/imports/....., I can't change it because it's loaded automatically by Reaction.

Versions

Node: 9.7.1 NPM: 5.6.0 Meteor Node: 8.9.4 Meteor NPM: 5.6.0 Reaction CLI: 0.28.0

NurdinDev avatar Mar 14 '18 17:03 NurdinDev

@jshimko @mikemurray @zenweasel any updates on this ?

btotheenno avatar Apr 25 '18 11:04 btotheenno