网站建设推进会,高等教材建筑电气久久建筑网,做网站关键字,山东省城乡住房和建设厅网站1.背景
原uni-app项目是通过hbuilder创建的#xff0c;运行以及打包都要依赖于hbuilder运行#xff1b;一般在vscode开发#xff0c;在hbuilder运行比较怪异#xff1b;后续希望脱离hbuilder运行并能通过构建平台进行打包#xff0c;因此将hbuilder项目转化为cli项目
2.…1.背景
原uni-app项目是通过hbuilder创建的运行以及打包都要依赖于hbuilder运行一般在vscode开发在hbuilder运行比较怪异后续希望脱离hbuilder运行并能通过构建平台进行打包因此将hbuilder项目转化为cli项目
2.步骤
1.安装cli原有cli的跳过
npm install -g vue/cli2.通过cli创建空项目
该部分可参考uni-app官网
vue create -p dcloudio/uni-preset-vue my-project3.迁移原项目内容
在新建的my-procject项目根目录创建src文件夹将原项目的所有文件放入新建的src文件夹中其中node_modules、unpackage、package.json、package-lock.json不需要可以不放入对比原项目的package.json与新建的package.json的内容将原项目需要的额外的包写入package.json中npm install安装额外的包 其中less原是hbuilder本身支持的通过cli创建项目后需要额外安装less。此时需要注意less版本的问题直接npm install less安装的包将可能导致下列问题ValidationError: webpack Dev Server Invalid Options options should NOT have additional properties 这个可能是less不同版本对webpack配置具有要求而部分配置再uni-app中是不支持的因此需要安装指定版本安装下列less版本可以解决上述问题less: ^3.9.0, less-loader: ^4.1.0,
