乐趣区

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

jiezi

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

  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

退出移动版