Loaders and Vue SFCs

[cjpearson]

Hey there, I was playing around a bit with spack. As far as I understand, right now you cannot configure it to understand different filetypes. I'm interested in getting .vue files working.

How do you think that should work? Should custom loaders written in JS be supported similar to webpack or will support have to be added directly to spack?

[kdy1]

Both are acceptable, but I think implementing it in rust would be better because it will show errors when required type definitions (ast) are changed.
Just like jest support, it can be implemented via some internal apis with @swc/vue.

[cjpearson]

So I'm just starting to take a look at this and I'll admit I'm a bit lost. Could you share how you invoke your local build of spack for testing?

[kdy1]

Can you share your error messages?

It's an educated guess, but you may need to run npm install on the project directory and /ecmascript/transforms.

[cjpearson]

I haven't even gotten that far yet. :) I've been able to run spack on a test project following the instructions here: https://swc.rs/docs/usage-spack-cli and I can compile the swc project locally, but I'm not sure how to point to my locally compiled build.

[kdy1]

I guess you need to run npm link from the swc directory and then from your project directory.

[cjpearson]

Ah got it now! I was also missing the npm build step. Thanks!

[deleonio]

const SWC_LOADER_TS = {
    test: /\.ts$/,
    use: [
        {
            loader: 'swc-loader',
            options: {
                jsc: {
                    parser: {
                        syntax: 'typescript',
                        decorators: true
                    },
                },
            },
        },
    ],
};