关于前端:CRMEB多商户后台前端代码打包并更新打包的代码到项目里面教程详解

41次阅读

共计 821 个字符,预计需要花费 3 分钟才能阅读完成。

前言
有很多的同学私信我说不会打包和更新代码,那么明天就给大家出个教程,让大家更快的动手我的项目,上面咱就开始
开发和构建

  1. 装置依赖

在终端执行命令

# 装置依赖
npm install
# 倡议不要间接应用 cnpm 装置依赖,会有各种诡异的 bug。能够通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org
  1. 开发

在终端执行命令:
npm run dev
运行胜利后在浏览器拜访 http://localhost:9527

  1. 打包

在终端执行命令进行我的项目打包:

npm run build:prod
构建打包胜利之后,默认会在根目录生成 dist 文件夹,外面就是构建打包好的文件,通常是.js、.css、index.html 等动态文件。

  1. 配置阐明

配置文件

.env.development 开发环境 

.env.production 正式环境

配置阐明

VUE_APP_BASE_API = '接口地址'
VUE_APP_WS_URL = 'ws 连贯地址'

代码更新

  1. 打包完会生成一个 dist 文件夹,外面就是编译后的文件,关上 dist 文件夹

  1. 将 dist 目录中的文件复制到后端我的项目的 public 文件夹下(不要问 public 外面的哪个文件,间接就是笼罩到 public 外面)

放到服务器地位,间接笼罩就好了,商户端也是一样的操作

这样就更新实现了,如果还有不懂的中央能够关注 crmeb 公众号留言征询

最初
如果你感觉此文对你有一丁点帮忙,点个赞。或者能够退出我的开发交换群:1025263163 互相学习,咱们会有业余的技术答疑解惑

如果你感觉这篇文章对你有点用的话,麻烦请给咱们的开源我的项目点点 star:http://github.crmeb.net/u/defu 不胜感激!

收费获取源码地址:http://www.crmeb.com

PHP 学习手册:https://doc.crmeb.com
技术交换论坛:https://q.crmeb.com

正文完
 0