亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

vue css3loadding插件的開(kāi)發(fā)以及npm包的發(fā)布管理

lijinke666 / 1017人閱讀

摘要：插件開(kāi)發(fā)的話建議使用腳手架開(kāi)發(fā)如果提示執(zhí)行全局安裝在次執(zhí)行上面的命令完成之后可以看到這樣的目錄在下面添加

插件開(kāi)發(fā)的話建議使用vue-gitment腳手架開(kāi)發(fā)

vue init webpack-simple vue-gitment

如果提示

執(zhí)行cnpm install vue-cli -g 全局安裝

cnpm install vue-cli -g

在次執(zhí)行上面的命令完成之后可以看到這樣的目錄

在src下面添加component loadding.js loadding.vue
loadding.vue

loadding.js

import loadding from "./loadding.vue"

const Loadding ={
  install:function (Vue) {
    Vue.component("Loadding",loadding)
  }
};
// 這里的判斷很重要
if (typeof window !== "undefined" && window.Vue) {
  window.Vue.use(Loadding)
}
export default Loadding

然后修改webpack.config.js文件

entry：webpack打包的入口文件
output:webpack打包的出口文件里面的是一些配置
library:模塊名字 這里是Loadding
libraryTarget:"umd"http://寫插件的時(shí)候需要umd
umdNamedDefine:true //對(duì)umd的模塊命名表示負(fù)責(zé)
然后npm run build一下
emmmm這個(gè)時(shí)候出現(xiàn)了一坨東西 表示成功了

確認(rèn)沒(méi)問(wèn)題之后 就再次修改package.json文件
我的是這樣子

{
  "name": "cssloadding-jie",
  "description": "A Vue.js project",
  "version": "1.0.0",
  "author": "Livejie <18312173568@163.com>",
  "license": "MIT",
  "private": false,
  "main":"loadding/js/loadding.js",
  "keywords": [
    "vue",
    "css3loadding",
    "ajax loadding"
  ],
  "scripts": {
    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
  },
  "dependencies": {
    "vue": "^2.5.11"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ],
  "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-preset-env": "^1.6.0",
    "babel-preset-stage-3": "^6.24.1",
    "cross-env": "^5.0.5",
    "css-loader": "^0.28.7",
    "file-loader": "^1.1.4",
    "vue-loader": "^13.0.5",
    "vue-template-compiler": "^2.4.4",
    "webpack": "^3.6.0",
    "webpack-dev-server": "^2.9.1"
  }
}
![圖片描述][5]

name:插件的名字
description：提示
version:版本號(hào)
author:作者
main:加入main入口文件
keywords:添加關(guān)鍵詞
然后把不要的刪除掉
目錄結(jié)構(gòu)變成這樣子

然后登陸npm

npm login

輸入用戶名 密碼 郵箱登陸
沒(méi)有的話去這里注冊(cè)https://www.npmjs.com/
發(fā)布

npm publish

發(fā)布成功

更新的話再次publish但是需要修改下version版本
一定要修改version版本不然會(huì)報(bào)錯(cuò)
再次npm publish

再次打開(kāi)一個(gè)新的項(xiàng)目

npm install  cssloadding-jie

main.js下

import Loadding from "cssloadding-jie"
Vue.use(Loadding);

vue文件下使用

npm run dev 打開(kāi)瀏覽器查看

成功引入
成功發(fā)布并使用。

項(xiàng)目地址https://gitee.com/ljj1996/npm...

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/95438.html

相關(guān)文章

  • 手把手發(fā)布一個(gè)npm包及相關(guān)注意事項(xiàng)

    摘要：前言這里是發(fā)布包的具體步驟，手把手教會(huì)，相關(guān)原理在其他文章下面有原理好文章指路分鐘教你快速開(kāi)發(fā)一個(gè)插件并發(fā)布手把手教你封裝一個(gè)發(fā)布之前，需要注冊(cè)一個(gè)賬號(hào)這里注冊(cè)具體步驟新建項(xiàng)目如需安裝代碼下面新建一個(gè)文件夾。 前言 這里是發(fā)布npm包的具體步驟，手把手教會(huì)，相關(guān)原理在其他文章下面有原理好文章指路10分鐘教你快速開(kāi)發(fā)一個(gè)vue插件并發(fā)布npm 手把手教你封裝一個(gè) vue componen...

    ZoomQuiet 評(píng)論0 收藏0

  • 基于webpack4的VUE多頁(yè)腳手架

    摘要：另外備注一部分參數(shù)的說(shuō)明折疊有助于文檔樹中文本節(jié)點(diǎn)的空白區(qū)域?qū)M(jìn)行壓縮默認(rèn)默認(rèn)按照不同文件的依賴關(guān)系來(lái)排序。敲黑板講重點(diǎn)的當(dāng)然目前這部分的文檔在官網(wǎng)還不是很全，所以這里我們參考了印記中文的說(shuō)明文檔，指優(yōu)化模塊。 鏈接 寫在前面 為什么要自己手寫一個(gè)腳手架？ 如何去思考遇到的問(wèn)題？ 正文 鏈接 原文鏈接 github whale-vue ——寫在前面 1、為什么要自己手寫...

    張金寶 評(píng)論0 收藏0

  • 仿美團(tuán)城市選擇器的 Vue 插件開(kāi)發(fā)實(shí)例

    摘要：本文是講一個(gè)基于的仿美團(tuán)城市選擇器的插件開(kāi)發(fā)實(shí)例，目前關(guān)于城市選擇器的插件比較少，在自己做項(xiàng)目的時(shí)候一直沒(méi)有找到合適的城市選擇器插件，所以自己開(kāi)發(fā)了一個(gè)。 本文是講一個(gè)基于 Vue 的仿美團(tuán)城市選擇器的插件開(kāi)發(fā)實(shí)例，目前關(guān)于城市選擇器的插件比較少，在自己做項(xiàng)目的時(shí)候一直沒(méi)有找到合適的城市選擇器插件，所以自己開(kāi)發(fā)了一個(gè)。同時(shí)也想把這個(gè)插件分享給出來(lái)，供同樣有所需的前端同學(xué)學(xué)習(xí)使用。 本項(xiàng)...

    bladefury 評(píng)論0 收藏0

  • 仿美團(tuán)城市選擇器的 Vue 插件開(kāi)發(fā)實(shí)例

    摘要：本文是講一個(gè)基于的仿美團(tuán)城市選擇器的插件開(kāi)發(fā)實(shí)例，目前關(guān)于城市選擇器的插件比較少，在自己做項(xiàng)目的時(shí)候一直沒(méi)有找到合適的城市選擇器插件，所以自己開(kāi)發(fā)了一個(gè)。 本文是講一個(gè)基于 Vue 的仿美團(tuán)城市選擇器的插件開(kāi)發(fā)實(shí)例，目前關(guān)于城市選擇器的插件比較少，在自己做項(xiàng)目的時(shí)候一直沒(méi)有找到合適的城市選擇器插件，所以自己開(kāi)發(fā)了一個(gè)。同時(shí)也想把這個(gè)插件分享給出來(lái)，供同樣有所需的前端同學(xué)學(xué)習(xí)使用。 本項(xiàng)...

    idealcn 評(píng)論0 收藏0

  • 基于vue模塊化開(kāi)發(fā)后臺(tái)系統(tǒng)——構(gòu)建項(xiàng)目

    摘要：構(gòu)建完成，那么就開(kāi)始擼代碼了文章項(xiàng)目效果預(yù)覽地址項(xiàng)目開(kāi)源代碼基于模塊化開(kāi)發(fā)后臺(tái)系統(tǒng)準(zhǔn)備工作基于模塊化開(kāi)發(fā)后臺(tái)系統(tǒng)構(gòu)建項(xiàng)目基于模塊化開(kāi)發(fā)后臺(tái)系統(tǒng)權(quán)限控制 文章目錄如下：項(xiàng)目效果預(yù)覽地址項(xiàng)目開(kāi)源代碼基于vue模塊化開(kāi)發(fā)后臺(tái)系統(tǒng)——準(zhǔn)備工作基于vue模塊化開(kāi)發(fā)后臺(tái)系統(tǒng)——構(gòu)建項(xiàng)目基于vue模塊化開(kāi)發(fā)后臺(tái)系統(tǒng)——權(quán)限控制 前言 在熟悉上一篇說(shuō)到準(zhǔn)備工具之后，現(xiàn)在開(kāi)始構(gòu)建屬于自己的項(xiàng)目，這是一個(gè)...

    joyqi 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<