Question

我正在使用Vuetify 1.5.18，并具有以下代码...

import Vuetify from 'vuetify'
...
// rollup config
import VuePlugin from 'rollup-plugin-vue';
import css from 'rollup-plugin-css-only';
import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import pkg from './package.json';

// const external = Object.keys(pkg.dependencies);
const plugins = [
    resolve({
      module: true,
      main: true
    }),
    commonjs(),
    VuePlugin(),
    css()
];
module.exports = {
  plugins,
  input: 'src/index.js',
  output: {
    file: 'dist/index.js',
    format: 'esm'
  }
};

但是当我运行汇总时，我的输出中将得到以下内容...

import vue from 'vue';

当我尝试运行时，出现以下错误...

无法解析模块说明符“ vue”。相对引用必须以“ /”、“./”或“ ../”开头。

我不像这样在UI项目中而是在服务器中加载Vue ...

// Footer.pug
script(type="module")
          | import Vue from '/vue/vue.esm.browser.js'
          | const global = window || global;
          | global.Vue = Vue;

因此该行不应存在。如果我删除Vuetify，它就会消失。另外，如果我指向这样通过Koa应用程序托管的版本...

import * as Vuetify from '/vuetify/vuetify.js';

一切似乎都正常。我也可以手动删除import Vuetify from 'vuetify'并将此行添加到服务器上的模板...

| const global = window || global;
| global.vue = global.Vue;

有没有一种方法可以告诉汇总忽略任何“ Vue”导入？

使用汇总时可以忽略一些导入吗？

0 个答案: