zy_audio/rollup.config.js

音频组件

import vue from "rollup-plugin-vue";
import resolve from "@rollup/plugin-node-resolve";
import peerDepsExternal from 'rollup-plugin-peer-deps-external';
// import scss from "rollup-plugin-scss";
import commonjs from "@rollup/plugin-commonjs";
import json from '@rollup/plugin-json';
import babel from "@rollup/plugin-babel";
import replace from "rollup-plugin-replace";
import { uglify } from 'rollup-plugin-uglify';
import postcss from "rollup-plugin-postcss";
import url from 'postcss-url';
import cssnano from 'cssnano'


export default {
    input: ["./src/template.js"],
    output: {
        file: "./lib/zyAudio.js",
        format: "umd",
        name: "zyAudio",
        globals: {
            vue: 'Vue',
        },
    },
    plugins: [
        replace({
            ENV: JSON.stringify(process.env.NODE_ENV || 'development')
        }),
        vue({
            css: false,
            compileTemplate: true
        }),
        peerDepsExternal(),
        resolve({
            extensions: ['.vue', '.jsx', '.js']
        }),
        (process.env.NODE_ENV === 'production' && uglify()),
        commonjs(),
        babel(
            {
                exclude: 'node_modules/**'
            }
        ),
        json(),
        postcss({
            plugins: [
                url({
                    url: "inline", // enable inline assets using base64 encoding
                    maxSize: 10, // maximum file size to inline (in kilobytes)
                    fallback: "copy", // fallback method to use if max size is exceeded
                }),
                cssnano({
                    preset: "default"
                })
            ],
            extract: 'zyAudio.css'
        }),
        // scss({
        //     outputStyle: "compressed"
        // }),
    ],
    external: ["vue"],
};