zoukankan      html  css  js  c++  java
  • Vue开发系列三-打包

    编译完了后,我们对代码进行打包处理

     npm run build

    默认会生成dist文件夹,同时还生成了.map文件

    去掉 map 文件

    编辑 /config/index.js 文件,找到其中的

    productionSourceMap: true,  改为 fasle

    编译后有个提示

    Tip: built files are meant to be served over an HTTP server.

    Opening index.html over file:// won't work.

    就是说,只能运行在http服务上,直接打开文件是不行的。我们可以本地启用一个http服务模拟
    首先需要安装
    npm install http-server -g ,安装过就不需要安装了

    cd 到dist目录 执行
    http-server -p 3000

    会出现如下:

    Starting up http-server, serving ./

    Available on:

      http://127.0.0.1:3000

      http://10.49.33.241:3000

    Hit CTRL-C to stop the server

    浏览器输入任意一个即可。
    是不是很简单。

    实际项目中了,我们的代码可能部署到子目录下,如http://127.0.0.1:3000/dist/ 下,该如何部署呢
    编辑 config/index.js 文件,
    找到
    assetsPublicPath: '/', 改为 assetsPublicPath: '/dist/'
    重新编译 npm run build  和运行 npm run dev





     
  • 相关阅读:
    linux下压力测试工具ab的使用
    linux下nginx日常操作
    centos7编译安装nginx
    ssh登录locale报错:cannot change locale (zh_CN.UTF-8): No such file or directory
    linux重装rabbitmq的问题
    rabbitmq3.6.5镜像集群搭建以及haproxy负载均衡
    linux安装rabbitmq3.6.5
    centos6升级glibc-2.14没有报错,但是验证没有升级成功的问题解决
    linux卸载erlang
    asp web服务
  • 原文地址:https://www.cnblogs.com/menchao/p/8426290.html
Copyright © 2011-2022 走看看