小程序开发

导航
主页 > 知识分享 > 网站开发 >

关于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 - 对接人脸识别对别接口
下一篇:没有了

猜你喜欢

X

请填写您的需求

×