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'