uni-app项目支持流水打包

一、背景

由于uni-app创建的H5项目在合代码、打包和发布上多重限制和问题，现将uni-app项目做成可支持流水发布
【原理】：将uni-app项目用vue-cli包裹起来，支持流水发布

二、具体操作

1. 下载git包在本地（该包适用于vue-cli的uni-app预设模板）
   uni-preset-vue包地址

2. 通过命令生成适用于vue-cli的uni-app的预设模板
   选择普通模板即可

   vue create -p D:\\uni-preset-vue projectName
   

3. 操作
   （1）package.json 依赖库复制到新项目 package.json；
   （2）pages、components、static、store 等目录文件复制到新项目 src 目录；
   （3）npm install；
   （4）注意：由于原来的uni-app项目使用的是sass,所以需要单独安装node-sass包；如果由于node环境或者公司限制问题安装不上去，即直接在package.json中的devDependencies填写"node-sass": "^4.14.1"，然后执行npm install；
   （5）尽量使用sass和sass-loader配合使用，那样兼容性会更高（sass-loader@7.x 完全兼容 sass，且性能更好、功能更新）。

4. 通过package.json中的命令进行运行和打包即可

5. 如果想继续用Hbuilder运行的话，就直接运行src文件夹即可，需装依赖即可在src文件夹下安装依赖

三、参考链接

创建uni-app