Webpack

plantilla webpack:

const webpack = require('webpack');
const path = require('path');
const config = require('sapper/config/webpack.js');
const pkg = require('./package.json');

const mode = process.env.NODE_ENV;
const dev = mode === 'development';

const alias = { svelte: path.resolve('node_modules', 'svelte')};
const extensions = ['.mjs','.js','.json','.svelte','.html'];
const mainFields = ['svelte','module','browser','main'];

module.exports = {
    client: {
        entry: config.client.entry(),
        output: config.client.output(),
        resolve: { alias, extensions, mainFields},
        module: {
            rules: [
                {
                    test: /\.(svelte|html)$/,
                    use: {
                        loader: 'svelte-loader',
                        options: {
                            dev,
                            hydratable: true,
                            hotReload: false
                        }
                    }
                }
            ]
        },
        mode,
        plugins: [
            new webpack.DefinePlugin({
                'process.browser': true,
                'process.env.NODE_ENV': JSON.stringify(mode)
            }),
        ].filter(Boolean),
        devtool: dev && 'inline-source-map'
    },
    server: {
        entry: config.server.entry(),
        output: config.server.output(),
        target: 'node',
        resolve: { alias, extensions, mainFields},
        externals: Object.keys(pkg.dependencies).concat('encoding'),
        module: {
            rules: [
                {
                    test: /\.(svelte|html)$/,
                    use: {
                        loader: 'svelte-loader',
                        options: {
                            dev,
                            css: false,
                            generate: 'ssr'
                        }
                    }
                }
            ]
        },
        mode: process.env.NODE_ENV,
        performance: {
            hints: false
        }
    },
};```

Ni en 1.000 años más sería capaz de configurar este archivo por mi mismo 😦

Para trabajar con .env, la documentacion en https://github.com/JpCapdevila/sapper-environment

Para que funcionen las variables de ambiente configuradas en el archivo.env, es necesario:
npm install sapper-environment

y en e archivo** webpack.config.js **adicionar…

module.exports = { client: { //Omitted for readability... plugins: [ // pending https://github.com/sveltejs/svelte/issues/2377 // dev && new webpack.HotModuleReplacementPlugin(), new webpack.DefinePlugin({ ** ...sapperEnv(),** 'process.browser': true, 'process.env.NODE_ENV': JSON.stringify(mode) }),

Oscar falta el link de la lectura de Webpack 😃

Dónde aprende uno todo esto!! XD

https://www.npmjs.com/package/sapper-environment

Comentando antes de que salga el curso 😃