VueNpmFrame

一个从零搭建的Vue3纯净框架，用于Npm包
A Vue3 pure frame build up from nothing and use for npm package

以package.json内的name是"vue-npm-frame"为例,首先在根目录下输入 npm run link。 然后切换到用户项目根目录下输入npm run link "vue-npm-frame"，然后启动项目。
take the name like "vue-npm-frame" in the package.json file as an example, first enter npm run link in the root directory. Then switch to the root directory of the user project, enter npm run link "vue-npm-frame" and start the project.

需要安装全局yarn require global yarn

如果项目出现警告[Vue warn]: Invalid VNode type: Symbol("Text") (symbol) ，则需要在用户项目webpack中配置：
if warning like [Vue warn]: Invalid VNode type: Symbol("Text") (symbol) appears in the project, it needs to be configured in the user project webpack:

resolve: {
    symlinks: false, //在yarn link 入其他模块的时候统一使用同一个vue引用，避免vue3的一个报错
    alias: {
        'vue$': 'vue/dist/vue.esm-bundler.js',
        vue: path.resolve(__dirname, `../node_modules/vue`) // 定义vue路径
    },
},

vite: rollupOptions: { // 确保外部化处理那些你不想打包进库的依赖 external: ['vue'], output: { // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量 globals: { vue: 'Vue', }, }, },

取消链接：npm run unlink
cancel link: npm run unlink

查看所有全局链接的名称
npm ls --global --depth 0

构建：npm run build
build: npm run build

发布：npm publish
publish: npm publish

迭代： npm version [patch,minor,major]，然后 npm publish
patch： 修复bug、微小改动，改变版本号第三位
minor： 上线新功能，并对当前版本已有功能模块不影响，改变版本号第二位
major： 上线多个新功能模块，并对当前版本已有功能有影响，改变版本号第一位
iteration: npm version [patch,minor,major], then npm publish
patch: fix bugs, make little changes, and change the third digit of the version number.
major: new functions will be launched, and the existing function modules of the current version will not be affected. The second digit of the version number will be changed.
major: several new function modules will be launched, which will affect the existing functions of current version. The first digit of the version number will be changed.

安装：npm i vue-npm-frame
install: npm i vue-npm-frame

当使用vue样式时需要单独引入
import 'vue-npm-frame/style'
style need to be import individually when using vue style
import 'vue-npm-frame/style'