Allow loading of PostCSS plugins

[mitar]

Fixes #312.

[mitar]

See meteor/meteor#9865 for more details.

[akanix42]

Have you tried using inputFile.require? benjamn has specifically stated not to use app-module-path: meteor/meteor#7451 (comment).
inputFile.require is what I'm using in #314.

[mitar]

Have you tried using inputFile.require?

It is not possible to use that because require is called from other non-Meteor packages like postcss-load-config. So sadly this approach is not possible. See discussion here: Meteor-Community-Packages/meteor-postcss#15

[akanix42]

Ah, so the issue occurs when a Meteor package bundles an npm package and that npm package calls require to load a locally installed package?
It may not be ideal, but what if you used akryum:npm-check to locally install that package? For example, have it automatically locally install postcss-load-config, which you can then load with inputFile.require?

[mitar]

For example, have it automatically locally install postcss-load-config, which you can then load with inputFile.require?

Yea, you can load postcss-load-config with inputFile.require, but postcss-load-config calls require in turn which then does not find anything you installed in app's node_modules.

[mitar]

BTW, I think it would be better to discuss workarounds and solutions in meteor/meteor#9865. So whichever standard approach or fix we come up with for this issue we can then use to fix the issue here and in PostCSS and elsewhere. My current best approach I have found is using app-module-path. I do not like it, but I could not get anything else to work.

[Akryum]

Thanks! 👍

[eybarta]

Hey guys thanks for all your work...!

I'm trying to use lost grid (PostCSS) plugin inside .vue file,
is there any code example of how to make this work?

I have the following relevant packages:
akryum:vue-component
juliancwirko:postcss

Also using .postcssrc.js file as @mitar suggests, I'm getting no errors
but my styles are not getting compiled through postcss, it just renders as is..

please, any suggestions? haven't been able to find an example anywhere..

thx again.. and hope to see ya in a VueConf soooon! :)

[mitar]

You can check how I am doing it here: https://github.com/peer/doc

[eybarta]

@mitar thanks for the link.. I cloned it and tried to make the same PostCSS
lib (LostGrid) work with your code and didn't work as well:

All I did was add this to .postcssrc.js file:

// In our case, this is done when processing <style> tags inside Vue components.
  else {
    const config = {
      plugins: {
        // To import CSS files from NPM packages.
        'lost': {}
      },
    };
    return config;
  }

Am I missing something?

thx again for your time and help on this..