Laravel mix, Tailwindcss - use different postcss plugins for editor only

Julien_Thomas · September 8, 2020, 2:50pm

Hello !

I’m experimenting with Laravelmix, tailwind and I am trying to enable different PostCSS plugin file based.

Now i’m wondering what is the best Way to use different options by file ?

For exemple I want to use postcss-editor-styles only for the editor.scss, not for the main app.scss.

Here is my webpack.mix.js.

gist.github.com

https://gist.github.com/thomasjulienalain/6764754618334a7c104fbed7289954a8

webpack.mix.js

const mix = require('laravel-mix');
require('@tinypixelco/laravel-mix-wp-blocks');
//require('laravel-mix-purgecss');
require('laravel-mix-copy-watched');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |

This file has been truncated. show original

Is it possible ? Is there a better alternative ?

Thank you )

alwaysblank · September 8, 2020, 11:46pm

I’m a little confused. Are you seeing some errors or something? What you posted seems like it should work fine.

Julien_Thomas · September 10, 2020, 1:04am

No errors, but the postcss-editor-styles plugin seems to apply for both assets when generated.

I don’t manage to enable it only for the editor file.

system · October 20, 2020, 2:50pm

This topic was automatically closed after 42 days. New replies are no longer allowed.