项目打包使用命令:npm run build
打包完成后生成dist文件夹,部署到服务器即可
webpack打包配置相关
以及环境变量和模式配置
部署命令:npm run build;
打包:
1、项目根目录下,执行npm run build(可以查看package.json的scripts的build)
注意:打包后的文件在dist文件夹下,只需要把dist目录下所有文件内容,上传到服务器网站根目录,就能访问了
2、配置webpack
根目录(工程目录下创建vue.config)下创建javascript文件,可以对webpack的一些配置进行配置以及调优(关于vue的webpack配置可以参考vue官网的webpack相关)
vue官网相关指南
重点知识回归
模板语法
计算属性与侦听器
常用指令(列表、条件、class与样式绑定)
风格指南
vue-router,vuex以及调试方法介绍
vue cli工具的使用
vue集成
开发工作流
Git简介
项目打包及部署方法;
webpack配置方法。
打包完了之后,就全部在dist里面,只需要把dist上传就好。
项目的打包:cd+当前项目所在文件夹;再npm run build,cli会自动帮我们打包。
创建vue
配置路由
引用vue模板组件
vuex 全局访问
npm run build 打包
创建 vue.config.js 参考
项目打包命令:npm run build
可在工程目录下创建vue.config.js文件来对项目打包如webpack进行配置,参考vue-cli文档
进入到项目目录中
npm run build 打包
生成dist文件夹,把dist放到服务器中就可以了
项目打包命令:npm run build
可在工程目录下创建vue.config.js文件来对项目打包如webpack进行配置,参考vue-cli文档
创建vue.config.js
vue项目打包
进入到项目目录中
npm run build 打包
生成dist文件夹,把dist放到服务器中就可以了