Свернуть js и Сапер - требуется не определено - PullRequest
Новая
       75

Свернуть js и Сапер - требуется не определено

3 голосов
/ 14 марта 2020

Я использую sapper и svelte с rollupjs. Но когда я пытаюсь использовать репо scrollscene от Github, я получаю сообщение об ошибке на консоли при запуске npm run dev: ReferenceError: require is not defined

Вот мой rollup.config.js

import resolve from '@rollup/plugin-node-resolve';
import replace from '@rollup/plugin-replace';
import commonjs from '@rollup/plugin-commonjs';
import builtins from 'rollup-plugin-node-builtins';
import globals from 'rollup-plugin-node-globals';
import svelte from 'rollup-plugin-svelte';
import babel from 'rollup-plugin-babel';
import { terser } from 'rollup-plugin-terser';
import config from 'sapper/config/rollup.js';
import pkg from './package.json';

const mode = process.env.NODE_ENV;
const dev = mode === 'development';
const legacy = !!process.env.SAPPER_LEGACY_BUILD;

const onwarn = (warning, onwarn) => (warning.code === 'CIRCULAR_DEPENDENCY' && /[/\\]@sapper[/\\]/.test(warning.message)) || onwarn(warning);

export default {
    client: {
        input: config.client.input(),
        output: config.client.output(),
        plugins: [
            replace({
                'process.browser': true,
                'process.env.NODE_ENV': JSON.stringify(mode)
            }),
            svelte({
                dev,
                hydratable: true,
                emitCss: true
            }),
            resolve({
                browser: true,
                preferBuiltins: true,
                dedupe: ['svelte']
            }),
            commonjs(),
            globals(),
            builtins(),
            legacy && babel({
                extensions: ['.js', '.mjs', '.html', '.svelte'],
                runtimeHelpers: true,
                exclude: ['node_modules/@babel/**'],
                presets: [
                    ['@babel/preset-env', {
                        targets: '> 0.25%, not dead'
                    }]
                ],
                plugins: [
                    '@babel/plugin-syntax-dynamic-import',
                    ['@babel/plugin-transform-runtime', {
                        useESModules: true
                    }]
                ]
            }),

            !dev && terser({
                module: true
            })
        ],

        onwarn,
    },

    server: {
        input: config.server.input(),
        output: config.server.output(),
        plugins: [
            replace({
                'process.browser': false,
                'process.env.NODE_ENV': JSON.stringify(mode)
            }),
            svelte({
                generate: 'ssr',
                dev
            }),
            resolve({
                dedupe: ['svelte']
            }),
            commonjs()
        ],
        external: Object.keys(pkg.dependencies).concat(
            require('module').builtinModules || Object.keys(process.binding('natives'))
        ),

        onwarn,
    },

    serviceworker: {
        input: config.serviceworker.input(),
        output: config.serviceworker.output(),
        plugins: [
            resolve(),
            replace({
                'process.browser': true,
                'process.env.NODE_ENV': JSON.stringify(mode)
            }),
            commonjs(),
            !dev && terser()
        ],

        onwarn,
    }
};

Я пытался добавить пакеты: rollup-plugin-node-builtins и rollup-plugin-node-globals, но ничего не изменилось. Разработчик scrollscene отправил мне ссылку на похожую проблему , но я не смог решить проблему с этим.

Что здесь не так и как я могу решить эту проблему, чтобы я мог использовать эту библиотеку? Спасибо за ваш ответ и за вашу помощь.

1 Ответ

0 голосов
/ 01 апреля 2020

Никлас,

У меня была та же проблема, и я должен был сделать require внутри файла .js вместо файла .svelte.

РЕДАКТИРОВАТЬ: Это ссылка, которую я имел . Сообщения в примере блога проекта sapper-template на GitHub

...