Handling Sass Imports about docz-plugin-css HOT 7 OPEN

import { css } from "docz-plugin-css";
const path = require("path");

export default {
    /* 
        Setting src helps avoid relative path hell for non CSS files. 
        In other words, if you're using "baseUrl" in jsconfig, duplicate path in "src" option
    */
    src: "src",
    plugins: [
        css({
            preprocessor: "sass",
            // cssmodules: true,
            /* 
                src equivalent for your styles
            */
            loaderOpts: {
                includePaths: [path.resolve(__dirname, "src")]
            }
        }),
        /* 
            Finally, you may also need to use plain CSS
        */
        css() 
    ]
};

from docz-plugin-css.

:( same here, any soluction?

from docz-plugin-css.

same here

from docz-plugin-css.

Anyone figure out how to resolve this? I'm able to use .css files, but the moment I switch over to .scss I get a similar error:
Module parse failed: Unexpected token. You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file

from docz-plugin-css.

Same thing here. Didnt have this issue when running only docz not attached to a real project.

from docz-plugin-css.

I believe this plugin docz-plugin-css is only for docz v1. With docz v2 there is a new way:

https://www.docz.site/docs/usage-with-css-preprocessors

from docz-plugin-css.

Just figured out the solution for our team:

We don't use docz:build nor docz:dev if it's a gatsby project. You have to run gatsby develop and the error won't occur. Just set up the route in index.mdx to be on /docs, and everything works. Set up the routes on every .mdx file to be relative to /docs.

If you project isn't build on top of gatsby, this won't work for you. I got this error because i didn't understood the documentation correctly, if your project is built with gatsby you shouldn't run docz commands, just configure the routes on de mdx files properly and it works.

from docz-plugin-css.