前言：工作的時候總是使用別人的npm包，然而我有時心底會好奇自己如何發(fā)布一個npm包呢，什么時候自己的包能夠被很多人喜歡并使用呢...今天我終于邁出了第一步。

創(chuàng)新互聯(lián)專注于霍城網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供霍城營銷型網(wǎng)站建設(shè)，霍城網(wǎng)站制作、霍城網(wǎng)頁設(shè)計、霍城網(wǎng)站官網(wǎng)定制、成都微信小程序服務(wù)，打造霍城網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供霍城網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

前提：會使用 npm，有 vue 基礎(chǔ)，了解一點 webpack

Are you ready? Go!

一、編寫自己的npm包

1. 新建一個空文件夾

2. 進入文件夾，終端(cmd)運行 npm init

完成后會在目錄下生成一個 package.json 文件

我們可以根據(jù)自己的需要補充文件內(nèi)容

這是我的：

{
 "name": "bing-test-publish-npm",
 "version": "1.0.0",
 "description": "布一個npm包",
 "main": "index.js",
 "scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "start": "webpack-dev-server --hot --inline",
  "build": "webpack --display-error-details --config webpack.config.js"
 },
 "author": "bing",
 "license": "ISC",
 "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-plugin-transform-object-rest-spread": "^6.26.0",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-polyfill": "^6.26.0",
    "babel-preset-es2015": "^6.24.1",
    "css-loader": "^0.28.7",
    "es6-promise": "^4.1.1",
    "less": "^2.7.3",
    "less-loader": "^4.0.5",
    "style-loader": "^0.19.0",
    "url-loader": "^0.6.2",
    "vue": "^2.5.9",
    "vue-hot-reload-api": "^2.2.4",
    "vue-html-loader": "^1.2.4",
    "vue-loader": "^13.5.0",
    "vue-router": "^3.0.1",
    "vue-style-loader": "^3.0.3",
    "vue-template-compiler": "^2.5.9",
    "vuex": "^3.0.1",
    "webpack": "^3.9.1",
    "webpack-dev-server": "^2.9.5"
 }
}

當前題目：基于vue如何發(fā)布一個npm包的方法步驟-創(chuàng)新互聯(lián)
URL標題：http://www.chinadenli.net/article16/dchedg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、企業(yè)網(wǎng)站制作、全網(wǎng)營銷推廣、移動網(wǎng)站建設(shè)、定制網(wǎng)站、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)