想把項目公司一些基礎公用組件進行封裝，所以需要對單組件進行開發優化。使用到Vue Cli

官方文檔：https://cli.vuejs.org/zh/guide/build-targets.html

1、一個新環境，需要安裝Vue Cli

npm install -g @vue/cli npm install -g @vue/cli-service-global

2、創建項目(已經在事先創建目錄下，使用.)

vue create .

3、安裝less

npm install less less-loader@6.1.1

4、開始寫代碼

5、運行命令跑起來

vue serve Info001/index.vue

6、效果如圖

7、構建vue build
重要參數--target

目標描述

app	應用 （默認）
lib	組件
wc	瀏覽器組件
wc-async	異步瀏覽器組件

這里我們使用

vue build -t lib -n index ./Info001/index.vue

效果如下：

8、打包結果在dist中

總結

以上是生活随笔為你收集整理的vue构建项目的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。