資訊專欄INFORMATION COLUMN
摘要：引言如果你自己做了一個(gè)感覺還不錯(cuò)的組件，而想分享給別人或者發(fā)布到上，那該怎么辦呢分享一個(gè)大神做的一個(gè)模板，這個(gè)模板集成了本地測(cè)試和打包發(fā)布，項(xiàng)目地址附上我的捂臉使用安裝發(fā)布打包最后別人就可以這樣使用你的組件了補(bǔ)
引言
如果你自己做了一個(gè)感覺還不錯(cuò)的vue組件，而想分享給別人或者發(fā)布到npm上，那該怎么辦呢？
vue-share-components分享一個(gè)大神做的一個(gè) vue 模板，這個(gè)模板集成了本地測(cè)試和打包發(fā)布，項(xiàng)目地址 https://github.com/Akryum/vue...
附上我的 github https://github.com/Jon-Millent [捂臉]
使用 安裝npm i -g vue-cli vue init Akryum/vue-share-components your-component-name npm install npm run dev發(fā)布
npm publish打包
npm run build
最后別人就可以這樣使用你的組件了
npm install your-component-name --save
import { Test } from "your-component-name"
補(bǔ)充
如果你的組件里有圖片和其他資源，會(huì)打包出錯(cuò)，請(qǐng)按照下面步驟解決
安裝兩個(gè)loader
npm install url-loader --save npm install file-loader --save
修改添加 /config/webpack.config.base.js 添加規(guī)則，下面是示例
rules: [
{
test: /.(png|jpe?g|gif|svg)(?.*)?$/,
loader: "url-loader",
options: {
limit: 10000,
}
},
{
test: /.(woff2?|eot|ttf|otf)(?.*)?$/,
loader: "url-loader",
options: {
limit: 10000
}
}
]
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/107597.html
摘要：如何設(shè)計(jì)高擴(kuò)展的在線網(wǎng)頁制作平臺(tái)本文主要介紹如何設(shè)計(jì)一個(gè)高擴(kuò)展的在線網(wǎng)頁制作平臺(tái)，會(huì)交代一些背景和最終的效果以及核心設(shè)計(jì)方案。市面上可使用的一些在線制作推廣平臺(tái)制作的頁面又不能很好地結(jié)合到自己的業(yè)務(wù)流程里面。 如何設(shè)計(jì)高擴(kuò)展的在線網(wǎng)頁制作平臺(tái) 本文主要介紹如何設(shè)計(jì)一個(gè)高擴(kuò)展的在線網(wǎng)頁制作平臺(tái)，會(huì)交代一些背景和最終的效果以及核心設(shè)計(jì)方案。體驗(yàn)地址: https://godspen.ym...
摘要：發(fā)布到注冊(cè)進(jìn)入官網(wǎng)，注冊(cè)帳號(hào)登錄并發(fā)布提示報(bào)錯(cuò)是因?yàn)樽?cè)完后沒有進(jìn)行郵箱驗(yàn)證，驗(yàn)證完成即可發(fā)布成功參考文獻(xiàn)如何制作并發(fā)布一個(gè)的組件的包發(fā)布自己第一個(gè)組件包基于的文字跑馬燈組件 最近在網(wǎng)上找到一個(gè) 網(wǎng)頁制作輔助工具-jQuery標(biāo)尺參考線插件 ，覺得在現(xiàn)在的一個(gè)項(xiàng)目中能用的上，插件是基于JQuery的，但是現(xiàn)在的項(xiàng)目是用vue寫的。So...,就照葫蘆畫瓢改裝成了Vue組件，總的來說算是...
摘要：組件監(jiān)聽自定義事件。組件觸發(fā)自定義事件。生命周期鉤子函數(shù)，后組件的所有的事件監(jiān)聽器會(huì)被移除。技術(shù)點(diǎn)總結(jié)組件設(shè)計(jì)的思想包括單數(shù)據(jù)流事件中心，核心是組件通信。完善給彈出日期面板和關(guān)閉日期面板增加組件自定義事件即調(diào)用觸發(fā)和事件。預(yù)覽 組件庫官網(wǎng) github地址 如果喜歡各位小哥哥小姐姐給個(gè)小星星鼓勵(lì)一下哈， 請(qǐng)勿在生產(chǎn)環(huán)境中使用，供學(xué)習(xí)&交流~~ showImg(https://user...
平日學(xué)習(xí)接觸過的網(wǎng)站積累，以每月的形式發(fā)布。2017年以前看這個(gè)網(wǎng)址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二維碼 十大經(jīng)典排序算法(帶動(dòng)圖演示) 為什么知乎前端圈普遍認(rèn)為H5游戲和H5展示的JSer 個(gè)人整理和封裝的YU.js庫|中文詳細(xì)注釋|供新手學(xué)習(xí)使用 擴(kuò)展JavaScript語法記錄 - 掉坑初期工具 漢字拼音轉(zhuǎn)換...
閱讀 3108·2021-10-12 10:12
閱讀 3159·2021-09-22 16:04
閱讀 3351·2019-08-30 15:54
閱讀 2682·2019-08-29 16:59
閱讀 3016·2019-08-29 16:08
閱讀 931·2019-08-29 11:20
閱讀 3559·2019-08-28 18:08
閱讀 749·2019-08-26 13:43
