public-package-zzjz v2.23.308-web

package.json 的版本说明

"version": "2.23.0228-web",
2 -- 公网版本
23 -- 年份 2023
0228 -- 2月28日发布
web -- 门户端（公网问天、鲲鹏使用）
sys -- 系统管理端（公网问天、鲲鹏使用），比web版本要多相关公共组件

npm包发布到私服

注意事项

1、 组件发布条件：组件需要有name属性，这点经常忘记 组件发布条件：组件需要有name属性，这点经常忘记 组件发布条件：组件需要有name属性，这点经常忘记 2、组件文件夹命名方式，驼峰式，单词-单词，都为小写字母

打包公共组件

重要事情说三遍： 首先需要在配置好的前提下，进行公共组件的build 首先需要在配置好的前提下，进行公共组件的build 首先需要在配置好的前提下，进行公共组件的build

npm run build

编译之后，执行下一步

登录本地项目根路径下

npm login --registry=http://192.168.1.225:8081/repository/npm-zzjz-local/

输入用户名：admin 输入密码：admin123 输入邮箱：admin@example.org

登录成功之后会出现如下内容：

Username: admin
Password:
Email: (this IS public) admin@example.org
Logged in as admin on http://192.168.1.225:8081/repository/npm-zzjz-local/.

进行发布

执行npm的发布命令：

npm publish

执行npm的移除版本命令：(public-package-zzjz@1.0.0 后面版本号需要带着)

npm unpublish public-package-zzjz@1.0.0

发布成功的信息如下：

npm notice 
npm notice package: public-package-zzjz@1.0.0
npm notice === Tarball Contents ===
npm notice 78B    .babelrc
npm notice 156B   .editorconfig
npm notice 219B   index.html
npm notice 1.1MB  dist/build.js
npm notice 657B   src/components/index.js
npm notice 413B   src/index.js
npm notice 215B   src/main.js
npm notice 5.2kB  dist/table-template.js
npm notice 9.5kB  dist/ubdep-public-package.js
npm notice 3.0kB  webpack.config.js
npm notice 1.2kB  package.json
npm notice 6.1MB  dist/build.js.map
npm notice 40.9kB dist/table-template.js.map
npm notice 77.6kB dist/ubdep-public-package.js.map
npm notice 4.2kB  README.md
npm notice 56.0kB dist/732389ded34cb9c52dd88271f1345af9.ttf
npm notice 1.4kB  src/App.vue
npm notice 6.4kB  src/components/TableTemplate.vue
npm notice 28.2kB dist/535877f50039c0cb49a6196a5b7517cd.woff
npm notice === Tarball Details ===
npm notice name:          public-package-zzjz
npm notice version:       1.0.0
npm notice package size:  1.7 MB
npm notice unpacked size: 7.4 MB
npm notice shasum:        2bc0ecfa2c089169c6e95cd344256d47e53ea3dd
npm notice integrity:     sha512-S6T7evw9e5hkc[...]nAHEGVgVjSxaA==
npm notice total files:   19
npm notice
+ public-package-zzjz@1.0.0

在进行下次版本的更新发布，需要在package.json文件中进行版本号version的修改

npm publish <package name>@<版本号>

执行上面的命令，可以移除已发布的对应的版本包

本地使用公共组件

通过 http://192.168.1.225:8081 进行登录网站，可以查看对应的版本信息 账号：admin 密码:admin123 邮箱：admin@example.org

npm源配置

npm config set registry http://192.168.1.225:8081/repository/npm-zzjz-group/

在对应包信息下，复制版本号进行安装

npm install public-package-zzjz@1.0.0 -S

npm包使用

具体参考svn同级目录下的工程包：ubdep_public_package下的App.vue,main.js

网络文档参考

https://www.jianshu.com/p/5b30a8265e74?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

发布的包如何使用？

main.js

// 导入组件库
import components from 'public-package-zzjz'
// 注册组件库
Vue.use(components)

vue文件直接使用

<TableTemplate :table_data="tableData">
  <template slot-scope="scope">
    <el-button type="primary" size="small" @click="jump(scope)">进入</el-button>
  </template>
</TableTemplate>

清除npm set config 的设置

npm cache clean --force
npm config set registry https://registry.npmjs.org

// 未尝试
npm config rm proxy 
npm config rm https-proxy