小编cma*_*ath的帖子

Vue + Typescript + 汇总

我正在尝试汇总 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)

typescript vue.js rollupjs vue-property-decorator

5
推荐指数
1
解决办法
6091
查看次数