Rollup常用配置及插件

常用配置

input

// 入口文件
input: 'bundle.js'

output

// 打包配置
// format: amd, cjs, es, iife, umd, system
// dir 打包输出目录
// entryFileNames entry-[name].js  动态打包
// sourcemap 
// file ${name}.umd`}.js
// globals 定义全局变量命名

plugins

[
  url(),
  // xxx..
]

external

// 定义需要使用的外部模块
export default {
   
  ...,
  external: ['jquery'],
  output: {
   
    format: 'iife',
    name: 'MyBundle',
    globals: {
   
      jquery: '$'
    }
  }
};

import $ from 'jquery';

插件

@rollup/plugin-url

将文件作为数据 URI 或 ES 模块导入

// 使用：
import url from '@rollup/plugin-url';
plugins: [url()]

// src/index.js
import svg from './image.svg';
console.log(`svg contents: