一.通过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的域名前缘
}

最新文章

  1. jquery-2.0.0
  2. ApacheServer-----关于443端口被占用的解决方法
  3. 类中用const限定的成员函数
  4. ThinkPhp循环出数据库中的内容并输出到模板
  5. Debian8 远程登录Permission Denied,please try again
  6. Android 各个版本WebView
  7. npm的镜像替换成淘宝
  8. css margin collapse
  9. uva 12100 Printer Queue
  10. RedisDesktopManager
  11. sql数据库设置自定义消息
  12. JS实现回到Top(顶部)--JavaScript
  13. DOM编程艺术章12:一个简单的Ajax例子
  14. 使用Asp.Net Core MVC 开发项目实践[第四篇:基于EF Core的扩展2]
  15. Windows 远程桌面剪贴板失效的处理办法
  16. python 全栈开发,Day92(编程式的导航,vue页面布局,marked包的使用)
  17. JAVA多线程之中断机制(stop()、interrupted()、isInterrupted())
  18. 【Mybatis】XML配置实现增删改查
  19. 理解js事件循环(event loop)
  20. vue学习01

热门文章

  1. 图像处理、计算机视觉与模式识别“SCI期刊和顶级会议”总结
  2. 各大引擎矩阵的矩阵存储方式 ----行矩阵 or 列矩阵
  3. 消息中间件activemq-5.13.0安全验证配置
  4. C++入门学习
  5. UNIX环境编程学习笔记(7)——文件I/O之文件访问权限与进程访问控制
  6. UNIX环境编程学习笔记(2)——文件I/O之不带缓冲的 I/O
  7. 彻底搞清楚Java并发 (一) 基础
  8. ubuntu-14.04.2-desktop-i386.iso:ubuntu-14.04.2-desktop-i386:安装Oracle11gR2
  9. Android:AS与Unity3D之间打包的各种坑及解决方案
  10. Android开发学习笔记-SharedPreferences的用法