rollup，支持多种打包方式的前端利器

最新推荐文章于 2024-11-23 22:46:21 发布

原创最新推荐文章于 2024-11-23 22:46:21 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

前端工程化专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用Rollup工具将JavaScript代码打包成不同格式，包括AMD、CJS、ES、IIFE和UMD等。通过具体示例展示了从全局安装Rollup到配置打包过程的方法，并提供了src/main.js文件的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

支持将代码打包成 ‘amd’, ‘cjs’, ‘es’, ‘iife’ or ‘umd’ 等风格。

cnpm install rollup -g // 全局安装
cnpm init // 初始化

// src/common.js
export function common() {
    return 'common';
}

// src/main.js
import {common} from './common.js'
console.log(common());

// rollup.config.js
// 配置文件，将src/main.js打包到build/bundle.js
export default {
    entry: 'src/main.js',
    format: 'amd', // amd、cjs、es、iife、umd
    dest: 'build/bundle.js'
}