最近接手公司一個基於uniapp框架項目，公司部署項目采用的是Jenkins自動化部署，由於項目之前是在HBuilderX可視化新建的，每次部署都要手動編譯打包，實屬不符合自動化浪費下班約會時間，那就改造改造。
查看官方文檔了解結構
官方文檔介紹是有2種方式創建項目： 官方鏈接
通過 HBuilderX 可視化界面
通過vue-cli命令行
原理
既然支持vue-cli命令行創建，那么改造肯定是支持的！也就是給原本項目加多個vue腳手架就可了，看到勝利曙光了接着如下：
1. HBuilderX 通過vue-cli命令行,新建個項目，可按官方步驟創建
環境安裝，如果已安裝忽略
npm install -g @vue/cli
1
使用正式版（對應HBuilderX最新正式版）創建uniapp
vue create -p dcloudio/uni-preset-vue my-project
1
到這里會提示選擇項目模板，選擇 hello uni-app 項目模板，如下所示：
選擇模板之后就等吧 安裝成功目錄如下：
其實這里我們只要這些文件 復制用來改造
2.打開需要改造的原項目，創建一個文件夾src，把除了.git文件相關的其他都放到新創src文件里，再把剛才用vue-cli創建的文件復制過來
原項目改造前結構
把這些文件除了.gitgnore文件，其他都放在新建src文件夾里
3.以上步驟完成后，回到原項目，打開終端安裝依賴包
npm install
安裝過程可能會出現卡機，個人覺得跟網絡有關系，一般網絡差就會出現或者選擇鏡像安裝
跑完之后查看項目package.json文件，查看啟動命令
一般來說都是npm run serve
啟動過程如果出現一下錯誤提示：
那就是代碼用到sass,需要安裝下
npm install node-sass --save-dev
npm install sass-loader --save-dev
安裝后直接用命令啟動，成功后看下項目正常否就可以了
————————————————
版權聲明：本文為CSDN博主「lkkkks」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/weixin_43934346/article/details/110522668
PS: 啟動后可能遇到node或者sass版本兼容問題可重新指定版本安裝，再啟動