我正在使用 vue 和 rollup 构建一个 ui 组件库,除了使用公共/静态图像时,一切都工作正常。
rollup.config.js
import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import vue from 'rollup-plugin-vue';
import sass from 'rollup-plugin-sass';
import replace from 'rollup-plugin-replace';
import { uglify } from 'rollup-plugin-uglify';
import pkg from './package.json';
const plugins = [
vue(),
replace({
'process.env.NODE_ENV': JSON.stringify('production'),
}),
sass({
insert: true,
}),
resolve(),
commonjs(),
uglify(),
];
export default [
{
input: 'src/main.js',
output: {
name: 'daas-components',
file: pkg.browser,
format: 'umd',
},
plugins,
},
{
input: 'src/main.js',
output: [
{ file: pkg.main, …Run Code Online (Sandbox Code Playgroud)