我正在尝试汇总 Vue 组件库,该库是在 typescript + vue-property-decorator 上编写的。我有几个 Vue 组件,以及一个单独文件中的插件类,其中导入了组件:
import FormularioForm from '@/FormularioForm.vue'
import FormularioInput from '@/FormularioInput.vue'
import FormularioGrouping from '@/FormularioGrouping.vue'
Run Code Online (Sandbox Code Playgroud)
测试套件(vue-cli + jest)工作正常,所有测试都通过,但在构建阶段,汇总模块路径解析工作不正确,因为组件的代码不存在于最终构建中。
汇总.config:
import autoExternal from 'rollup-plugin-auto-external'
import buble from '@rollup/plugin-buble'
import commonjs from '@rollup/plugin-commonjs'
import { terser } from 'rollup-plugin-terser'
import typescript from '@rollup/plugin-typescript'
import vue from 'rollup-plugin-vue'
export default {
input: 'src/index.ts',
output: [{
name: 'Formulario',
exports: 'default',
globals: {
'is-plain-object': 'isPlainObject',
'is-url': 'isUrl',
'nanoid/non-secure': 'nanoid',
},
sourcemap: false,
}],
external: ['nanoid/non-secure'],
plugins: [
commonjs(),
autoExternal(), …Run Code Online (Sandbox Code Playgroud)