广州小程序开发

关于vue cli打包app文件配置

作者:广州小程序开发 时间:2019-06-06 15:34

废话不多说直接进主题

    # 安装 Vue Clinpm install -g @vue/cli#

    创建一个项目vue create hello-world

运行cli3图形化界面
vue ui

然后自己去找创建项目。

然后项目目录下面会有这些文件

直接build是需要把文件拿出dist目录放在服务器网站根目录下面。

如果直接放在服务器上没有什么问题。但是如果要打包app的话就出现空白页什么的。所以就需要做一些配置了

首先创建一个叫做Vue.config.js 的文件放在项目根目录下。然后添加上,以下配置

module.exports = {

// 基本路径

baseUrl: './',

// 生产环境是否生成 sourceMap 文件

productionSourceMap: false,

// 服务器端口号

devServer: {

port: 1234,

},

}

就直接在vue ui build就好了

 

然后打开hbuilder导入项目 后面的直接去百度搜hbuilder vue 打包app 关键词就有方法

本教程是基础教程。大佬略过

 


上一篇:thinkphp5 - 对接人脸识别对别接口
下一篇:没有了

您的疑惑,我们来解答

多年来我们为上百家企业提供了网站建设服务

感受专业服务,从来电咨询开始
广州:18814374480深圳:13480275394
在线咨询