Using SASS in Reaction


#1

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.

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


#2

Thanks for reporting this @nuruddinXbadawi. Can you please file it as an issue over at the reaction-cli repo on Github? The forum is really only for discussion and seeking assistance on using Reaction. Code issues that are reported here can often slip under the radar, so Github is always the best place for that.

https://github.com/reactioncommerce/reaction-cli/issues/new

Thanks!