2-3 vue配置介绍
2023-09-14 08:58:48 时间
一.通过vue-cli构建的项目的文件介绍
1.bulid文件夹 ==> 项目打包的配置文件夹 2.config文件夹 ==> 打包的配置 3.src文件夹 ==> 项目开发的源码 3.1 App.vue ==> 入口主件 3.2main.js ==> 项目入口的js文件 4.static ==> 静态资源 .babelrc ==> ES6编译插件的配置 .editorconfig ==> 编辑器的配置(如sublime) .gitigonre ==> git提交忽略的地址 .postcssrc.js ==> 添加前缀的配置 index.html ==> 单页面的入口 5.package.json ==> 基础的配置文件 5.1 dependencies ==> 项目的依赖库, 如vue, vue-router, 上线需要的插件 5.2 devDependencies ==> 开发时依赖库,帮助我们开发, 打包后就不需要了, 上线不需要的插件 5.3 engines ==> 引擎 5.4 browserslist ==> 浏览器兼容性
二.只要核心关注以下几个页面
1.build/webpack.base.conf.js ==> 打包的核心配置 2.config/index.js ==> 环境配置 3.build/prod.conf.js 4.build/build.js ==> 构建生产版本, 不需要去改
三.打包生产包
$ cnpm run build
1.打包后生成一个地址(dist文件夹)
在config/index.js 看到打包后的地址
build{ assetsPublicPath: 'www.taoalan.com', // 加入域名地址 然后http请求的文件会加www.taoalan.com的域名前缘 }
相关文章
- 尚硅谷Vue课程P30-P35笔记(后台回复 vue 可获得更多笔记!)
- vue scroll事件失效
- Vue笔记(10) vue-router
- VUE 组件的计算属性
- 「后端小伙伴来学前端了」Vue中全局事件总线(GlobalEventBus)原理及探究过程
- Vue(五)计算属性、过滤器、axios、vue 生命周期
- 创建一个vue项目并配置默认页面
- jquery与vue区别_学jquery还是vue
- vue项目部署后刷新404_vue重载当前页面
- vue与jquery混用_vue怎么使用jquery
- Vue生成二维码_vue通过二维码分享
- Vue项目引入百度地图
- Vue全家桶介绍_vue全家桶有什么好处
- Vue调试工具安装(vue devtools)
- SpringBoot + Vue 学生选课管理系统源码(包含数据库文件)
- Vue.js官方的路由管理器 带你快速入门
- 新手友好|带你了解Vue小程序开发
- JavaWeb Day11 Vue快速入门
- IntelliJ IDEA使用 vue-cli 创建Vue项目
- Vue-CLi2配置打包环境
- vue.js客服系统实时聊天项目开发(二十)vue项目框架目录结构
- vue-cli3项目搭建配置以及性能优化
- Vue 实现前后端分离,安全连接 MSSQL 数据库(vue 连接mssql)
- 使用Vue框架使用MSSQL数据库实现快速开发(vue mssql)
- Vue框架搭建在Redis之上的Web应用(vue请求redis)
- Vue用Redis储存获取数据(vue获取redis)
- Vue实时监测Redis变化(vue监控redis变化)
- 用Vue从Redis中获取强有力的数据(vue用redis中数据)
- Vue如何利用Redis加速应用程序性能(vue如何使用redis)
- Oracle Vue考场助力企业数据库技术突破(oracle vue考场)