凡尘---vue项目打包---基本使用---vue

Posted nanianqiming

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了凡尘---vue项目打包---基本使用---vue相关的知识,希望对你有一定的参考价值。

一、基本设置

技术分享图片

 

 

二、打包

npm run build

 

三、github创建一个仓库

  1、将文件上传至仓库

 

  2、点击仓库设置

  技术分享图片

  3、选择代码上传到master

  技术分享图片

  

4、点击地址即可预览

 

 

5、常用技巧

    a、如果在config -> index.js 中的 build 代码中的 productionSourceMap的值设为false ,打包后文件体积可以减少百分之八十

 

    b、如果设置build文件夹下的webpack.prod.conf.js中htmlWebpackPlugin插件配置参数添加hash: true,即会使打包生成的index.html中的js和css路径带有?+随机字符串,也就是版本控制

以上是关于凡尘---vue项目打包---基本使用---vue的主要内容,如果未能解决你的问题,请参考以下文章

vue---Object.defineProperty基本使用---凡尘

webpack---模块打包机webpack基础使用---凡尘

2.4 使用vue-cli创建项目/项目打包/发布

Vue/React 项目运行或者打包出现内存溢出解决方案

vue项目搭建及基本配置

Vue项目打包成桌面程序exe除了使用electron-vue你还可以这样