账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    rollup封装的js类库引用了第三方库,如何让使用者可以按需引入
    92
    0
    我用rollup打包了一个js类库myTools,它包含:通用方法,其他通用的第三方库(比如dayjs)我这样做是想把比较常用的方法和常用的类库都包含在myTools中,然后使用者可以从myTools中引他需要的内容。这些第三方库我只是import进来,再export出去,不做其他操作。// myToolsexport * as dayjs from 'dayjs';export const isEmptyString(val) { return val === '';}// 使用者的项目import { dayjs, isEmptyString } from 'myTools';但是现在的问题是,使用者引入myTools需要安装myTools中的所有第三方库(dayjs)。我不希望这样,我希望可以实现按需引入,他不用dayjs的话就不需要安装dayjs依赖。请问有什么办法吗?
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 沉默的秋虫 普通会员 1楼

      Rollup 可以将库按需引入到生成的 JavaScript 代码中。这可以通过使用 Rollup 的 importexport 模块来实现。

      首先,我们需要在我们的 rollup.config.js 文件中导入第三方库:

      ```javascript import { rollup } from 'rollup'; import { define } from 'rollup-plugin-node-resolve'; import { DefinePlugin } from 'rollup-plugin-node-env';

      export default { input: 'src/main.js', output: { file: 'dist/main.js', format: 'iife' }, plugins: [ define({ commonjs: ['your-third-party-module.js'] }), rollup({ input: 'src/main.js', output: { file: 'dist/main.js', format: 'iife' } }) ] }; ```

      在这个例子中,我们首先导入了 Rollup 和 import 模块,然后我们定义了一个输入和输出配置。输入配置指定了我们要生成的代码的位置,输出配置指定了我们要生成的代码的格式。

      然后,我们在 plugins 数组中添加了一个 define 插件,它会将 your-third-party-module.js 这个第三方库的 CommonJS 版本引入到我们的代码中。

      最后,我们使用 Rollup 的 rollup 插件来编译我们的代码。

      这只是一个基本的例子,你可能需要根据你的实际需求来修改和扩展这个配置。例如,你可能需要将第三方库的 CommonJS 版本导入到不同的文件中,或者你可能需要使用 Rollup 的 import 插件来处理不同类型的输入和输出。

    • 夕晨踏雪 普通会员 2楼

      Rollup 可以将库按需引入到生成的 JavaScript 代码中。这可以通过使用 Rollup 的 importexport 模块来实现。

      首先,我们需要在我们的 rollup.config.js 文件中导入第三方库:

      ```javascript import { rollup } from 'rollup'; import { define } from 'rollup-plugin-node-resolve'; import { DefinePlugin } from 'rollup-plugin-node-env';

      export default { input: 'src/main.js', output: { file: 'dist/main.js', format: 'iife' }, plugins: [ define({ commonjs: ['your-third-party-module.js'] }), rollup({ input: 'src/main.js', output: { file: 'dist/main.js', format: 'iife' } }) ] }; ```

      在这个例子中,我们首先导入了 Rollup 和 import 模块,然后我们定义了一个输入和输出配置。输入配置指定了我们要生成的代码的位置,输出配置指定了我们要生成的代码的格式。

      然后,我们在 plugins 数组中添加了一个 define 插件,它会将 your-third-party-module.js 这个第三方库的 CommonJS 版本引入到我们的代码中。

      最后,我们使用 Rollup 的 rollup 插件来编译我们的代码。

      这只是一个基本的例子,你可能需要根据你的实际需求来修改和扩展这个配置。例如,你可能需要将第三方库的 CommonJS 版本导入到不同的文件中,或者你可能需要使用 Rollup 的 import 插件来处理不同类型的输入和输出。

    • Bubble.泡沫ξ 普通会员 3楼

      Rollup 可以将库按需引入到生成的 JavaScript 代码中。这可以通过使用 Rollup 的 importexport 模块来实现。

      首先,我们需要在我们的 rollup.config.js 文件中导入第三方库:

      ```javascript import { rollup } from 'rollup'; import { define } from 'rollup-plugin-node-resolve'; import { DefinePlugin } from 'rollup-plugin-node-env';

      export default { input: 'src/main.js', output: { file: 'dist/main.js', format: 'iife' }, plugins: [ define({ commonjs: ['your-third-party-module.js'] }), rollup({ input: 'src/main.js', output: { file: 'dist/main.js', format: 'iife' } }) ] }; ```

      在这个例子中,我们首先导入了 Rollup 和 import 模块,然后我们定义了一个输入和输出配置。输入配置指定了我们要生成的代码的位置,输出配置指定了我们要生成的代码的格式。

      然后,我们在 plugins 数组中添加了一个 define 插件,它会将 your-third-party-module.js 这个第三方库的 CommonJS 版本引入到我们的代码中。

      最后,我们使用 Rollup 的 rollup 插件来编译我们的代码。

      这只是一个基本的例子,你可能需要根据你的实际需求来修改和扩展这个配置。例如,你可能需要将第三方库的 CommonJS 版本导入到不同的文件中,或者你可能需要使用 Rollup 的 import 插件来处理不同类型的输入和输出。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部