Import style from npm package


According to I should be able to load a file (in less) from a npm module with:

@import "{}/node_modules/font-awesome/less/variables.less";

There is indeed a file there:

$ ls ./node_modules/font-awesome/less/variables.less 

However I’m getting

Errors prevented startup:                  

   While processing files with less (for target web.browser):
   app/stylesheets/sites/home.import.less:6: Unknown import: {}/node_modules/font-awesome/less/variables.less

I’m running METEOR@



Well npm somehow didn’t install the package on my deployement… So there were no ./node_modules/font-awesome/less/variables.less on the remote machine… All good!


I’m trying to do the exact same thing but with no luck.
on client/stylesheets/styles.less:

@import "{}/node_modules/font-awesome/less/font-awesome.less";


Looking at my code, I ended up doing @import "../../../../../node_modules/font-awesome/less/variables.less"; instead of using a path relative to the project root…


Thanks. I realized what I was doing wrong. I didn’t have the package.json file. After runing npm init it worked fine.