4

所以我使用bundlephobia来审核我的包的包大小。Bundlephobia 有一个名为“导出分析”的部分，可为您提供单个导出的捆绑包大小。

出口分析

所以这个包中的每个函数都是纯函数，所以，除非我遗漏了什么，我认为这些应该为每个函数显示一个较小的大小，但所有函数（重新导出的除外）都具有相同的大小。

我试过了：

  • 添加"sideEffects": false"到我的package.json
  • 用#__PURE__

我正在使用汇总，这是我的汇总配置：

// rollup.config.js
import babel from '@rollup/plugin-babel';
import resolve from '@rollup/plugin-node-resolve';

const extensions = ['.js', '.ts', '.tsx'];

export default [
  {
    input: './src/index.ts',
    plugins: [
      resolve({
        extensions,
      }),
      babel({
        babelrc: false,
        presets: ['@babel/preset-env', '@babel/preset-typescript'],
        babelHelpers: 'bundled',
        extensions,
      }),
    ],
    output: {
      file: 'dist/index.js',
      format: 'umd',
      name: 'parseToRgba',
      sourcemap: true,
    },
  },
  {
    input: './src/index.ts',
    plugins: [
      resolve({
        extensions,
        modulesOnly: true,
      }),
      babel({
        babelrc: false,
        presets: ['@babel/preset-typescript'],
        plugins: ['@babel/plugin-transform-runtime'],
        babelHelpers: 'runtime',
        extensions,
      }),
    ],
    output: {
      file: 'dist/index.esm.js',
      format: 'esm',
      sourcemap: true,
    },
    external: ['@ricokahler/parse-to-rgba'],
  },
];

没什么。

我该怎么做呢？

4

0 回答 0