Vue3 build 打包部署笔记

Vue3 build 打包部署和 rollup -c 踩的一个坑

报错信息

Error: 'createElementVNode' is not exported by node_modules@vue\runtime-dom\dist\runtime-dom.esm-bundler.js, imported by src\components\Topnav.vue?vue&type=template&id=57512c07&lang.js

解决方法

• 修改 package.json 文件

rollup -c 就报错

[!](plugin vue) TypeError: Cannot read property 'refSugar' of undefined

• 查了一下发现是一些个版本不能 rollup -c，要指定以下版本才可以

{
  "name": "go-ui-1",
  "version": "0.0.1",
  "files": [
    "dist/lib/*"
  ],
  "main": "dist/lib/golu.js",
  "module": "dist/lib/golu.esm.js",
  "scripts": {
    "dev": "vite",
    "build": "vite build"
  },
  "resolutions": {
    "node-sass": "npm:sass@1.26.11"
  },
  "dependencies": {
    "github-markdown-css": "4.0.0",
    "marked": "1.1.1",
    "prismjs": "1.21.0",
    "vue": "^3.0.0",
    "vue-router": "4.0.0-beta.3"
  },
  "devDependencies": {
    "@vue/compiler-sfc": "^3.0.0",
    "babel-plugin-prismjs": "^2.1.0",
    "rollup-plugin-esbuild": "2.5.0",
    "rollup-plugin-scss": "2.6.0",
    "rollup-plugin-terser": "7.0.2",
    "rollup-plugin-vue": "6.0.0-beta.10",
    "sass": "1.32.11",
    "vite": "1.0.0-rc.1",
    "vite-plugin-prismjs": "^0.0.8"
  }
}