当使用汇总打包Vue组件时,将出现以下错误:
(plugin ) SyntaxError:意外令牌
rollup.config.js:
import peerDepsExternal from "rollup-plugin-peer-deps-external";
import resolve from "@rollup/plugin-node-resolve";
import commonjs from "@rollup/plugin-commonjs";
import typescript from "rollup-plugin-typescript2";
import vue from "rollup-plugin-vue";
import {babel} from '@rollup/plugin-babel';
import packageJson from "./package.json";
export default {
input: "src/index.ts",
output: [
{
format: "cjs",
file: packageJson.main,
sourcemap: true
},
{
format: "esm",
file: packageJson.module,
sourcemap: true
}
],
plugins: [babel(), peerDepsExternal(), resolve(), commonjs(), typescript(), vue()]
};
button.vue:
<template>
<button>button</button>
</template>
<script lang="ts">
</script>
有解决办法吗?
所以我找到了一个更好的方法:
最好使用vue-证监会-汇总来打包Vue组件。
发布于 2021-07-16 07:29:11
我遇到了这样的问题。在<template>
中的任何html标记上起誓。
plugins: [
vue() //should be the first
babel(),
peerDepsExternal(),
resolve(),
commonjs(),
typescript(),
],
看这个问题。
https://stackoverflow.com/questions/68280645
复制相似问题