rollup babel 配置

最新推荐文章于 2024-04-20 15:06:55 发布

谭光志

最新推荐文章于 2024-04-20 15:06:55 发布

阅读量1.1k

点赞数

分类专栏：疑难问题文章标签： typescript javascript vue.js

本文链接：https://blog.csdn.net/q411020382/article/details/125315337

版权

疑难问题专栏收录该内容

5 篇文章 0 订阅

订阅专栏

import path from 'path';
import json from '@rollup/plugin-json';
import postcss from 'rollup-plugin-postcss';
import resolve from '@rollup/plugin-node-resolve';
import typescript from 'rollup-plugin-typescript2';
import replace from '@rollup/plugin-replace';
import { uglify } from 'rollup-plugin-uglify';
import commonjs from '@rollup/plugin-commonjs';
import { babel } from '@rollup/plugin-babel';

const resolveFile = function (filePath) {
    return path.join(__dirname, filePath);
};

const pluginName = 'bundle';

function getPlugin(isCompress = false) {
    const result = [
        resolve(),
        commonjs(),      
        typescript(),
        json({
            compact: true,
        }),
        postcss({
            extensions: ['.css'],
            minimize: true,
        }),
        replace({
            'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
            preventAssignment: true,
        }),
        babel({
            extensions: ['.js', '.vue', '.ts'],
            babelHelpers: 'runtime',
            plugins: [
                [
                    '@babel/plugin-transform-runtime',
                ],
            ],
            presets: [
                [
                    '@babel/preset-env',
                    {
                        useBuiltIns: 'usage',
                    },
                ],
            ],
        }),
    ];

    if (isCompress) {
         result.push(uglify());
    }

    return result;
}

export default {
    input: resolveFile('src/index.ts'),
    output: {
        file: resolveFile(`dist-component/${pluginName}.js`),
        format: 'iife',
        sourcemap: true,
    },
    plugins: getPlugin(true),
};

报错 [!] Error: 'default' is not exported by ../../node_modules/@babel/runtime/regenerator/index.js, imported by src/modes/normal.ts 是因为没有引入 @rollup/plugin-commonjs 依赖。