Less在meteor中找不到@plugin的路径

Question

So in my main LESS file, I would have two lines:

@plugin "{}/src/imports/views/stylesheets/plugins/colors.js";
@import "{}/src/imports/views/stylesheets/colors/categories.less";

The @import works as expected, but the @plugin throws an error

Unknown import: {}/src/imports/views/stylesheets/plugins/colors.js

Why is it behaving like that?

I'm using less@2.7.11

Answer 1

While Meteor uses less v2.5.0, the first version to support @plugin rules, their asset compiler does not support the loading of files with the import syntax used by @imports in Meteor.

Loading should still work using relative paths

---

Detail

Meteor's compiler only implements the AbstractFileManager interface which loads imported files for less in a Meteor app.

In order to support abstract loading of plugins in meteor, it would also have to implement the AbstractPluginLoader interface .

The good news is that this doesn't look too difficult. I'd start by copying the PluginLoader for Node.js environments and modifying it to do the same thing as the MeteorImportLessFileManager

If you can get it to work, the Meteor community would love to get a PR from you to implement this.