在使用vue進行專案開發時，如果我們想要釋出一個包，有時候會有點迷糊，不知道應該怎麼修改腳手架的預設設定。這裡記錄一下一些常見的操作。

建立index.js進行模組的匯出

將我們需要匯出的元件在index.js檔案中進行統一匯出，可能之前需要進行處理，是先進行全域性註冊Vue.component，還是使用者自己註冊。

import App from './App.vue'
export default App;

修改vue.config.js配置檔案

修改publicPath的路徑為相對路徑

module.exports = {
 lintOnSave: false,
 runtimeCompiler:true,
 publicPath: './',
}

修改package.json中的script

vue-cli預設給我們設定了build,但是我們不使用這個build，而是打包我們之前建立的index.js檔案

新增build-bundle

 "scripts": {
 "serve": "vue-cli-service serve",
 "build": "vue-cli-service build",
 "build-bundle": "vue-cli-service build --target lib --name AutoForm ./src/index.js",
 "lint": "vue-cli-service lint"
 },

修改package.json中的main

這裡的main是打包後的程式入口，也就是我們通常下載一個包後使用import xxx from YYY預設從node_modules下查詢的檔案，因此，我們需要修改為我們打包後的檔名，否則查詢不到這個檔案。

"main": "dist/AutoForm.common.js",

這樣的話，一個包就修改完成，打包後正常釋出就可以使用了。

總結

以上所述是小編給大家介紹的使用Vue-cli3.0建立的專案 如何釋出npm包,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回覆大家的。在此也非常感謝大家對碼農教程網站的支援！