TehShrike / svelte-preprocess-postcss

Use PostCSS to preprocess your styles in Svelte components
25 stars 4 forks source link

getting warnings #12

Open ralyodio opened 4 years ago

ralyodio commented 4 years ago

Not finding postcss.config.js

import svelte from 'rollup-plugin-svelte';
import replace from 'rollup-plugin-replace';
import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import livereload from 'rollup-plugin-livereload';
import { terser } from 'rollup-plugin-terser';
import sveltePreprocessPostcss from 'svelte-preprocess-postcss'
import postcss from 'rollup-plugin-postcss'

require('dotenv').config();

const stylePreprocessor = sveltePreprocessPostcss({
    configFilePath: 'postcss.config.js',
    useConfigFile: true,
});

const production = !process.env.ROLLUP_WATCH;

export default {
    input: 'src/main.js',
    output: {
        sourcemap: true,
        format: 'iife',
        name: 'app',
        file: 'public/bundle.js'
    },
    plugins: [
        postcss({
            config: {
                path: 'postcss.config.js'
            }
        }),
        svelte({
            // enable run-time checks when not in production
            dev: !production,
            // we'll extract any component CSS out into
            // a separate file — better for performance
            preprocess: {
                style: stylePreprocessor
            },
            /**
             * It is also possible to manually enqueue
             * stand-alone processors
             * */           
            css: css => {
                css.write('public/bundle.css');
            }
        }),
        replace({
            'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
        }),
        // If you have external dependencies installed from
        // npm, you'll most likely need these plugins. In
        // some cases you'll need additional configuration —
        // consult the documentation for details:
        // https://github.com/rollup/rollup-plugin-commonjs
        resolve({
            browser: true,
            dedupe: importee => importee === 'svelte' || importee.startsWith('svelte/')
        }),
        commonjs(),

        // Watch the `public` directory and refresh the
        // browser on changes when not in production
        !production && livereload('public'),

        // If we're building for production (npm run build
        // instead of npm run dev), minify
        production && terser()
    ],
    watch: {
        clearScreen: false
    }
};

You did not set any plugins, parser, or stringifier. Right now, PostCSS does nothing. Pick plugins for your case on https://www.postcss.parts/ and use them in postcss.config.js.

TehShrike commented 4 years ago

I don't understand, are you asking a question?

ralyodio commented 4 years ago

postcss is working fine. I don'jt know why we are getting awarnings.

TehShrike commented 4 years ago

What warnings are you seeing?

ralyodio commented 4 years ago

same ones i posted in OP

On Mon, Nov 25, 2019 at 6:51 PM Josh Duff notifications@github.com wrote:

What warnings are you seeing?

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/TehShrike/svelte-preprocess-postcss/issues/12?email_source=notifications&email_token=AAAGV5JEDPMIOH5HJEVCTKTQVSFMBA5CNFSM4JPJQ242YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEFEQXTQ#issuecomment-558435278, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAAGV5PJ7DEMJR6EY5ZSMLDQVSFMBANCNFSM4JPJQ24Q .

-- Anthony Ettinger http://anthony.ettinger.name anthony@ettinger.name +1 (831) 406-1123