No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Reg铆strate

Comienza en:

3D
21H
58M
46S
Curso de Sapper

Curso de Sapper

Oscar Barajas Tavares

Oscar Barajas Tavares

Webpack

6/17
Recursos

Aportes 8

Preguntas 2

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

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

Comentando antes de que salga el curso 馃槂