svelte-native.webpack.config.js

const webpackConfig = require("./webpack.config");
const svelteConfig = require('./svelte.config');

module.exports = env => {
    const config = webpackConfig(env);
    config.externals = (config.externals || []).filter(x => x != 'svelte' && x != 'svelte-native')
    config.resolve.extensions = [".ts", ".mjs", ".js", ".svelte", ".scss", ".css"];
    config.module.rules.push({
        test: /\.mjs$/,
        type: 'javascript/auto',
    });
    config.module.rules.push({
        test: /\.svelte$/,
        exclude: /node_modules/,
        use: [
            {
                loader: 'svelte-loader',
                options: {
                    ...svelteConfig
                }
            }
        ]
    });

    // insert the mjs loader after ts-loader
   /* const tsLoaderRule = config.module.rules.find(r => r.use.loader === "ts-loader");
    const indexOfTsLoaderRule = config.module.rules.indexOf(tsLoaderRule);
    const mjsRule = {
        test: /\.mjs$/,
        type: 'javascript/auto',
    }; 
    config.module.rules.splice(indexOfTsLoaderRule, 0, mjsRule);
*/
    return config;
};