vue-cli 如何打包上线的方法示例
2018-05-08 09:22
4015 查看
以vue创建的官方例子为例子,我们在开发环境的时候会 npm run dev ,生成
而想要打包成一份
很简单, 只需要 npm run build
这个命令
这两种命令的配置文件在config的index.js 一种是build 一种是dev ,而我们想要在本地查看打包后的成果,需要在assetsPublicPath 改变它的路径, 具体为什么,可以看index.html引入的文件路径
之后只需要放在服务器上运行就好了。
*常用技巧
1.如果在config -> index.js 中的 build 代码中的 productionSourceMap的值设为false ,打包后文件体积可以减少百分之八十
2.如果设置build文件夹下的webpack.prod.conf.js中HtmlWebpackPlugin插件配置参数添加hash: true,即会使打包生成的index.html中的js和css路径带有?+随机字符串,也就是版本控制
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- vue-cli 如何打包上线
- Vue CLI3 如何支持less的方法示例
- 使用electron将vue-cli项目打包成exe的方法
- Vue 项目分环境打包的方法示例
- vue-cli与webpack处理静态资源的方法及webpack打包的坑
- vue-cli 该如何正确打包iconfont?
- 在vue-cli项目中使用bootstrap的方法示例
- vue-cli webpack模板项目搭建及打包时路径问题的解决方法
- 如何打包vue-cli项目
- vue-cli中打包图片路径错误的解决方法
- vue如何集成raphael.js中国地图的方法示例
- vue中如何实现后台管理系统的权限控制的方法示例
- vue单页应用中如何使用jquery的方法示例
- Vue插件打包与发布的方法示例
- 关于vue-cli + webpack打包给后台,部署上线
- vue-cli扩展多模块打包的示例代码
- vue项目打包部署到服务器的方法示例
- vue-cli如何引入bootstrap工具的方法
- 【笔记】vue-cli 打包后路径问题出错的解决方法
- vue-cli打包成apk的完整方法和打包成app所遇到的问题