一、build:打包的配置文件的文件夹

    1、build.js  生产版本的配置文件,一般这个文件我们是不改的

  1. 'use strict'
  2. //调用检查版本的文件,check-versions的导出直接是一个函数
  3. //check-versions是一个插件,可以检查版本号,其名称是否符合规范,如果有问题会错误抛出
  4. require('./check-versions')()
  5.  
  6. //设置一个全局的环境变量,设置当前版本是开发版本还是生产版本
  7. process.env.NODE_ENV = 'production'

  8. const ora = require('ora')
  9. const rm = require('rimraf')
    //node.js自带的函数
  10. const path = require('path')
  11. const chalk = require('chalk')
  12. const webpack = require('webpack')
  13. const config = require('../config')
  14. const webpackConfig = require('./webpack.prod.conf')
  15.  
  16. const spinner = ora('building for production...')
  17. spinner.start()

  18. //在打包之前将删除之前的版本文件
  19. rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
  20. if (err) throw err
  21. webpack(webpackConfig, (err, stats) => {
  22. spinner.stop()
  23. if (err) throw err
  24. process.stdout.write(stats.toString({
  25. colors: true,
  26. modules: false,
  27. children: false, // if you are using ts-loader, setting this to true will make typescript errors show up during build
  28. chunks: false,
  29. chunkModules: false
  30. }) + '\n\n')
  31.  
  32. if (stats.hasErrors()) {
  33. console.log(chalk.red(' Build failed with errors.\n'))
  34. process.exit(1)
  35. }
  36.  
  37. console.log(chalk.cyan(' Build complete.\n'))
  38. console.log(chalk.yellow(
  39. ' Tip: built files are meant to be served over an HTTP server.\n' +
  40. ' Opening index.html over file:// won\'t work.\n'
  41. ))
  42. })
  43. })

    2、check-versions 版本检查工具

    3、dev-client.js 重载的插件

    4、dev-server.js 通过启动一个express框架,在前端启动一个服务

    5、utils.js

    6、vue-loader

    7、webpack,base.conf.js

    8、webpack.dev.conf.js

    9、webpack.prod.conf.js

  二、config:打包的配置

    1、dev.env.js

    2、index.js

    3、prod.env.js

  三、src项目的源码

  四、static静态的资源

  五、babelrc.js解析ES6的配置

  六、.editorconfig.js编辑器的配置

  七、gitignore.js 跟git提交代码有关的配置文件

  八、postcssrc.js  html添加前缀的配置

  九、index.html  单页面的入口文件

  十、package.json 配置文件包含项目版本号等信息  还包括项目的依赖库、引擎、浏览器列表

  十一、dist  是文件打包后 生成的文件夹

  

Vue的配置的更多相关文章

  1. vue全局配置----小白基础篇

    今天学习vue全局配置.希望帮助我们去了解vue的全局配置,快速开发. Vue.config是vue的全局配置对象.包含Vue的所有全局属性: silent:boolean(默认值:false)--- ...

  2. vue环境配置 vue-cli脚手架

    vue 环境配置步骤: 第一步: 在官网下载node,Node  下载地址 http://nodejs.cn/ 并安装node.检测node是否安装成功, 按 “windows+r”  进入cmd命令 ...

  3. 如何在你的Vue项目配置vux

    做移动端项目的话vue现在是首要的选择,足够轻便,文档足够全,当然用的人多,项目中遇到的坑别人可能也遇到过,解决起来也比较方便,至于在开发中做需要的移动端组件库,个人比较推崇vux. 其实项目里组件库 ...

  4. vue环境配置脚手架环境搭建vue工程目录

    首先在初始化一个vue项目之前,我们需要下载node.js,并且安装! 下载地址: nodejs.cn/download 安装完成之后,windows+r 运行命令 cmd  输入node -v  检 ...

  5. vue路由配置,vue子路由配置

    上一篇关于vue环境配置已经写好了!按照操作就行了! 现在一个项目已经部署完成,接下来我们从路由开始! 还记得在初始化项目的时候,有提示是否需要安装vue-router,对没错,vue中路由全靠它! ...

  6. vue项目搭建和开发流程 vue项目配置ElementUI、jQuery和Bootstrap环境

    目录 一.VUE项目的搭建 1. 环境搭建 2. 项目的创建和启动 二. 开发项目 1. 配置vue项目启动功能 2. 开发vue项目 (1)项目文件的作用 (2)vue项目开发流程 (3)vue项目 ...

  7. vue如何配置路由 、获取路由的参数、部分刷新页面、缓存页面

    vue如何配置路由 .获取路由的参数.部分刷新页面.缓存页面:http://www.mamicode.com/info-detail-1941546.html vue-router传递参数的几种方式: ...

  8. 2、Vue实战-配置篇-npm配置

    引言: 如果刚开始使用 vue 并不了解 nodejs.npm 相关知识可以看我上一篇的实践,快速入门了解实战知识树. Vue实战-入门篇 上篇反思: 1.新的关注点:开发 vue 模板.如何使用本地 ...

  9. Vue插件配置和 后台交互

    Vue插件配置和 后台交互 一.全局配置静态文件(csss, js..) 1.1 全局配置css文件 创建css文件 在main.js配置css文件 // 配置全局css样式 // 方式一 impor ...

  10. vue基本配置和生命周期

    Vue的实例是Vue框架的入口,其实也就是前端的ViewModel,它包含了页面中的业务逻辑处理.数据模型等,当然它也有自己的一系列的生命周期的事件钩子,辅助我们进行对整个Vue实例生成.编译.挂着. ...

随机推荐

  1. PAT 甲级 1011 World Cup Betting (20)(代码+思路)

    1011 World Cup Betting (20)(20 分) With the 2010 FIFA World Cup running, football fans the world over ...

  2. Android.StructureOfAndroidSourceCodeRootTree

    Refference 1. How to understand the directory structure of android root tree? http://stackoverflow.c ...

  3. 基于centos6.5 hadoop 集群搭建

    1.修改Linux主机名2.修改IP3.修改主机名和IP的映射关系 ######注意######如果你们公司是租用的服务器或是使用的云主机(如华为用主机.阿里云主机等) /etc/hosts里面要配置 ...

  4. Linux学习笔记:Jenkins安装

    操作系统是CentOS 7,安装Jenkins 首先安装jdk,可在Oracle jdk和Openjdk中任选其一安装Oracle jdk步骤见:   https://www.cnblogs.com/ ...

  5. java 中java.util.Arrays类---常用函数记录

    java.util.Arrays主要是用来对数组进行操作的类,主要包括以下方法: 1.数组转化列表,得到固定大小的列表,Arrays.asList(...): public static <T& ...

  6. Java第3章笔记

    if基本语法: if(条件){// 表达式   // 代码块   } eg:    int a = 10;    if(a > 1){  System.out.println("内容& ...

  7. JVM 中知识

    1.栈:(stack) 存放的都是方法中的局部变量 方法的运行一定要在栈当中 局部变量:方法参数,方法{}内部的变量 作用域:一旦超出作用域,立刻从栈中消失 2.堆:(heap) 凡是new出来的东西 ...

  8. vue中的路由独享守卫的理解

    1.vue中路由独享守卫意思就是对这个路由有一个单独的守卫,因为他的守卫方式于其他的凡是不太同 独享守卫于前置守卫使用方法大致是一样的 在路由配置的时候进行配置, { path:'/login', c ...

  9. C# 编码标准(一)

    一直想写一个自己用的代码标准,经过一段时间的优秀开源源码的观察和看其他人写的标准,感觉好的代码给人感觉就是舒服,也非常重要.所以把它们记录归纳总结,以备以后忘记,另外平时写代码的时候可以拿来参考下.下 ...

  10. 第29章:MongoDB-索引--全文索引

    ①全文索引 全文索引是用于对长文本检索来使用的,是用正则表达式只能对字符串类型的值进行检索.注意:创建索引是一件比较耗时耗费资源的事情,而全文索引更是耗时更厉害,如果对索引键的内容比较长,需要对内容进 ...