Как избавиться от @ rollup / plugin-typescript: для создания исходных карт необходимо установить параметр Rollup 'sourcemap'. предупреждение?

Я получаю это предупреждение каждый раз, когда создаю для продакшена. Когда я создаю для производства, я отключаю исходные карты в выходной конфигурации объединения.

output: [{ dir: "...", format: "...", sourcemap: isProd ? false : true }]

Я использую один и тот же tsconfig для разработки и производства tsconfig.json:

{
  "compilerOptions": {
    // Output
    "target": "ESNext",
    "module": "ESNEXT",
    "sourceMap": true,
    "jsx": "react",
    "noEmit": true,
    // Compile time code checking
    "strict": true,
    // Libraries
    "lib": ["dom", "esnext"],
    // Imports
    "moduleResolution": "node",
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true
  },
  "exclude": ["dist", "app"]
}

Я понимаю, что это является причиной предупреждения при просмотре исходного кода подключаемого модуля:

/**
 * Validate that the `compilerOptions.sourceMap` option matches `outputOptions.sourcemap`.
 * @param context Rollup plugin context used to emit warnings.
 * @param compilerOptions Typescript compiler options.
 * @param outputOptions Rollup output options.
 * @param autoSetSourceMap True if the `compilerOptions.sourceMap` property was set to `true`
 * by the plugin, not the user.
 */
function validateSourceMap(context, compilerOptions, outputOptions, autoSetSourceMap) {
    if (compilerOptions.sourceMap && !outputOptions.sourcemap && !autoSetSourceMap) {
        context.warn(`@rollup/plugin-typescript: Rollup 'sourcemap' option must be set to generate source maps.`);
    }
    else if (!compilerOptions.sourceMap && outputOptions.sourcemap) {
        context.warn(`@rollup/plugin-typescript: Typescript 'sourceMap' compiler option must be set to generate source maps.`);
    }
}

Но я бы предпочел не добавлять сложность одного tsconfig для разработчика и другого для производства.

Как лучше всего избавиться от этого предупреждения?


person user1283776    schedule 28.07.2020    source источник


Ответы (2)


В моем случае я использовал официальный стартовый шаблон Svelte с интеграцией TypeScript.

В моем случае мне не нужно было менять tsconfig по умолчанию, расширенный шаблоном (который имел "sourceMap": true,); Мне просто нужно было изменить параметр output.sourcemap в моем rollup.config.js, чтобы он соответствовал параметрам, которые я передал в плагин typescript():

const production = !process.env.ROLLUP_WATCH;

export default {
    input: 'src/main.ts',
    output: {
//      sourcemap: true, // <-- remove
        sourcemap: !production,
        format: 'iife',
        name: 'app',
        file: 'public/build/bundle.js'
    },
    plugins: [
        svelte({
            preprocess: sveltePreprocess({ sourceMap: !production }),
            compilerOptions: {
                dev: !production
            }
        }),
        css({ output: 'bundle.css' }),
        resolve({
            browser: true,
            dedupe: ['svelte']
        }),
        commonjs(),
        typescript({
            sourceMap: !production,
            inlineSources: !production
        }),
        !production && serve(),
        !production && livereload('public'),
        production && terser()
    ],
    watch: {
        clearScreen: false
    }
};
person Jamie Birch    schedule 08.06.2021

Используйте базовый tsconfig и добавляйте только те параметры, которые отличаются от версий dev и prod, как см. Для справки:

https://github.com/microsoft/TypeScript/issues/9876

https://www.typescriptlang.org/docs/handbook/tsconfig-json.html#configuration-inheritance-with-extends

person user1283776    schedule 28.07.2020
comment
Отключить исходные карты с настройкой "sourceMap": true; также обратите внимание на базовую конфигурацию, если вы ее расширяете. - person revelt; 21.12.2020
comment
У меня это отлично сработало: typescript({tsconfig: production? "./tsconfig.prod.json" : "./tsconfig.json",}) - person Lingster; 01.05.2021