基于vue如何發(fā)布一個(gè)npm包的方法步驟-創(chuàng)新互聯(lián)

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

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

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

Are you ready? Go!

一、編寫(xiě)自己的npm包

1. 新建一個(gè)空文件夾

2. 進(jìn)入文件夾，終端(cmd)運(yùn)行 npm init

完成后會(huì)在目錄下生成一個(gè) package.json 文件

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

這是我的：

{
 "name": "bing-test-publish-npm",
 "version": "1.0.0",
 "description": "布一個(gè)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"
 }
}

當(dāng)前標(biāo)題：基于vue如何發(fā)布一個(gè)npm包的方法步驟-創(chuàng)新互聯(lián)
本文URL：http://m.jiaotiyi.com/article/dchedg.html