想把項(xiàng)目公司一些基礎(chǔ)公用組件進(jìn)行封裝，所以需要對單組件進(jìn)行開發(fā)優(yōu)化。使用到Vue Cli

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

1、一個新環(huán)境，需要安裝Vue Cli

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

2、創(chuàng)建項(xiàng)目(已經(jīng)在事先創(chuàng)建目錄下，使用.)

vue create .

3、安裝less

npm install less less-loader@6.1.1

4、開始寫代碼

5、運(yùn)行命令跑起來

vue serve Info001/index.vue

6、效果如圖

7、構(gòu)建vue build
重要參數(shù)--target

目標(biāo)描述

app	應(yīng)用 （默認(rèn)）
lib	組件
wc	瀏覽器組件
wc-async	異步瀏覽器組件

這里我們使用

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

效果如下：

8、打包結(jié)果在dist中

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。