Rollup的配置

82 阅读1分钟

打包柴柴UI时,配置Rollup文件

import esbuild from 'rollup-plugin-esbuild'
import vue from '@vitejs/plugin-vue'
import scss from 'rollup-plugin-scss'
import dartSass from 'sass';
import { terser } from "rollup-plugin-terser"

export default {
  input: 'src/lib/index.ts',    // 输入文件
  output: [{                    // 输出
    globals: {
      vue: 'Vue'                // 用到外部依赖vue
    },
    name: 'Gulu',               // 文件名
    file: 'dist/lib/gulu.js',   // 生成的文件
    format: 'umd',              // 文件输出格式
    plugins: [terser()]         // 插件,让js变丑的插件
  }, {
    name: 'Gulu',
    file: 'dist/lib/gulu.esm.js',
    format: 'es',
    plugins: [terser()]
  }],
  plugins: [                    // 别的插件
    scss({ include: /\.scss$/, sass: dartSass }),
    esbuild({
      include: /\.[jt]s$/,
      minify: process.env.NODE_ENV === 'production',
      target: 'es2015' 
    }),
    vue({
      include: /\.vue$/,
    })
  ],
}