How to process file outside project directory?

[breezewish]

webpack 2.

+ Project_1
  - style.css
+ Project_2
  - node_modules
  - index.js
  - webpack.config.js
  - postcss.config.js

Directory Project_1 is shared and cannot be modified.

Inside Project_2, when referencing Project_1/style.css, Error: No PostCSS Config found in Project_1/.. is always thrown if no options is given in the loader (notice that postcss.config.js is not resolved).

And as we all known, passing options to the loader usually breaks because many loaders (for example, vue-loader) stringify the options and plugin got lost. Thus I cannot pass options to the loader either.

How can this be solved?

[ai]

Just put postcss.config.js to Project_1. The whole idea of postcss.config.js is to store plugins to process file with the files.

So if you will start to use Project_1 in some new Project_3 you will be free to remembering what plugins do I need to Project_1’s files.

[ai]

Advice about was from things like PreCSS. If you need just project-specific tools, like Autoprefixer. You should pass plugins as options to loader (there is no other way).

[breezewish]

Ok, figured out config path can be specified. To help others with similar demands: use options.config to specify a config directory.