2-3 vue配置介绍
2024-08-22 00:02:45
一.通过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的域名前缘
}
最新文章
- jquery-2.0.0
- ApacheServer-----关于443端口被占用的解决方法
- 类中用const限定的成员函数
- ThinkPhp循环出数据库中的内容并输出到模板
- Debian8 远程登录Permission Denied,please try again
- Android 各个版本WebView
- npm的镜像替换成淘宝
- css margin collapse
- uva 12100 Printer Queue
- RedisDesktopManager
- sql数据库设置自定义消息
- JS实现回到Top(顶部)--JavaScript
- DOM编程艺术章12:一个简单的Ajax例子
- 使用Asp.Net Core MVC 开发项目实践[第四篇:基于EF Core的扩展2]
- Windows 远程桌面剪贴板失效的处理办法
- python 全栈开发,Day92(编程式的导航,vue页面布局,marked包的使用)
- JAVA多线程之中断机制(stop()、interrupted()、isInterrupted())
- 【Mybatis】XML配置实现增删改查
- 理解js事件循环(event loop)
- vue学习01
热门文章
- 图像处理、计算机视觉与模式识别“SCI期刊和顶级会议”总结
- 各大引擎矩阵的矩阵存储方式 ----行矩阵 or 列矩阵
- 消息中间件activemq-5.13.0安全验证配置
- C++入门学习
- UNIX环境编程学习笔记(7)——文件I/O之文件访问权限与进程访问控制
- UNIX环境编程学习笔记(2)——文件I/O之不带缓冲的 I/O
- 彻底搞清楚Java并发 (一) 基础
- ubuntu-14.04.2-desktop-i386.iso:ubuntu-14.04.2-desktop-i386:安装Oracle11gR2
- Android:AS与Unity3D之间打包的各种坑及解决方案
- Android开发学习笔记-SharedPreferences的用法