【无标题】

主体

1.创建一个新的[vue-cli uniapp项目]

安装vue-cli
npm install -g @vue/cli@4

创建项目
vue create -p dcloudio/uni-preset-vue my-project

2.移植老项目

老项目目录如下:

除了上面的node-modules文件，其他的文件，全部复制粘贴到新建的uniapp项目的src文件夹里面。

3.打开终端安装依赖包

npm i

还需要按照node版本安装对应的node-sass和sass-loader，这里以 node版本v16.17.1为例子

卸载(如果错误安装的话)

npm uninstall node-sass

安装

npm install sass-loader@8.0.2 sass@1.26.5 -D

4.运行

npm run dev:h5

其他

1.backgroundImage不显示的问题

在vue里backgroundImage需要 添加require()
如原来为

 :style="{
            backgroundImage: 'url(static/site/site_salesman_topBj.png)',
  }"

修改为

 :style="{
          backgroundImage: 'url(' + require('static/home/home_bj.png') + ')',
 }"

2.引入uview的问题

安装

cnpm i uview-ui

修改easycom

原:

"^u-(.*)": "@/node_modules/uview-ui/components/u-$1/u-$1.vue"

现:

"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"

3.打包

如果需要打包则需要在项目根目录创建vue.config.js
写入代码

module.exports = {
	transpileDependencies: ['uview-ui']
}