RollupJS:如何将客户端代码与其余类分开?

时间:2020-10-19 10:23:25

标签: javascript rollupjs

我正在尝试使用rollupjs捆绑项目的js类。但是我很难将客户端代码与App代码分开。例如,main.js中的伪客户端代码看起来像这样

import StickerFactory from "./App/StickerFactory";
    const sticker = StickerFactory.build({
    color: '#ff2374',
    svg: 'path-to-the-svg'
});
...some other code

rollup.confis.js如下所示:

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

export default {
    input: 'js-src/main.js',
    output: {
       file: 'assets/js/bundle.js'
    },
    plugins: [
        resolve(),
        babel({ babelHelpers: 'bundled' })
    ]
};

运行rollup --config之后,它将生成所有代码,包括资产/js/bundle.js中的客户端代码。我需要从bundle.js中删除客户端代码,以便可以为StickerFactory类使用不同的参数。

有人可以给我提示如何将客户端代码与其余代码分开吗?

Thx 拉克斯曼

0 个答案:

没有答案