search

brunch / brunch

:fork_and_knife: Web applications made easy. Since 2011.
https://brunch.io
MIT License
6.8k stars 431 forks source link

Bundling CSS files with different extensions (PostCSS) #1802

Closed thiagomajesk closed 3 years ago

thiagomajesk commented 6 years ago

Hi, I'm trying to configure brunch to work along with PostCSS... I'm using Visual Studio Code with an extension that supports PostCSS syntax files through .pcss files.

So, given the following project structure, how can I bundle my files?

/assets
/public
    bundle.css
    bundle.css.map
/src
    index.pcss

index.pcss

@tailwind preflight;
@tailwind components;
@tailwind utilities;
@tailwind screens;

brunch-config.js

module.exports = {
    paths: {
        watched: ["assets", "src"]

    },
    files: {
        stylesheets: {
            joinTo: 'bundle.css'
        }
    },
    plugins: {
        postcss: {
            modules: true
        }
    },
    npm: {
        styles: {
            "tailwindcss": ["dist/tailwind.min.css"]
        }
    }
};
jgauna commented 1 year ago

How did you solved this?