zoukankan      html  css  js  c++  java
  • vue的打包部署

    1.我们直接在项目的根目录下运行命令npm run build

    等待运行完成,我们发现在根目录下生成了一个 dist 的文件夹。直接将这个文件夹丢到服务器,就可以运行了。

    2.但是有的时候,会有不一样的需求,不一样的环境。比如说线上正式环境,线上测试环境,这个时候,如果每次都要修改参数再构建就很麻烦。我们可以按照不同的环境,构建各个环境的项目文件。

    3.我们打开根目录下的package.json 文件。我们就会看 build 运行的是build文件夹下的build.js 文件。我们可以再新增两个,一个是线上的正式环境,一个是线上的测试环境。

    同时。复制 build.js ,新建 buildBeta.js、buildProd.js两个文件

    4.这里需要注意两个地方

    第一个是为了区分当前所在的环境。第二个是配置文件。我们如果需要修改生成的文件夹名称,可以在相应的配置文件进行修改。

    5.我这里修改的是生成的文件夹名称为 prod

    然后运行命令npm run buildProd,等待运行完成。

    就可以看到根目录下生成的 prod 文件夹。

    6.同样,我们修改beta, 运行命令npm run buildBeta,也可以看到生成的对应文件夹。将文件夹直接扔服务器,就可以运行啦。

  • 相关阅读:
    更改SQLServer实例默认字符集
    使用DMV排查数据库系统异常
    OD使用符号文件进行源码级调试问题
    申请博客园第一天
    各种mac软件地址
    第6条:理解“属性”
    提高代码质量的几个方法!52个,先罗列几个自己看
    Item2的使用
    MAC命令大全
    PV UV IP
  • 原文地址:https://www.cnblogs.com/seanpan/p/13992833.html
Copyright © 2011-2022 走看看