当前位置: 首页 > Web前端 > HTML5

如何发布和制作vue组件

时间:2023-04-05 21:35:02 HTML5

介绍如果你做了一个感觉不错的vue组件,但是想分享给别人或者发布到npm上,你该怎么办?vue-share-components分享了一个大神制作的vue模板。本模板集本地测试和打包发布为一体。项目地址是https://github.com/Akryum/vue...附上我的githubhttps://github.com/Jon-Millent[捂脸]使用npmi-gvue-clivueinitAkryum/vue-share-componentsyour-component-namenpminstallnpmrundevpublishnpmpublishpackagenpmrunbuild最后别人可以使用你的组件npminstallyour-component-name--saveimport{Test}from'your-component-name'补充如果有你的组件中有图片等资源,会出现打包错误,请按照下面的步骤解决安装两个loadernpminstallurl-loader--savenpminstallfile-loader--save修改添加/config/webpack。config.base.js添加规则,以下是示例规则:[{test:/\.(png|jpe?g|gif|svg)(\?.*)?$/,loader:'url-loader',选项:{limit:10000,}},{test:/\.(woff2?|eot|ttf|otf)(\?.*)?$/,loader:'url-loader',options:{limit:10000}}]