Vue cli2 目录介绍

• 目录介绍：
  - package.json 整个项目的依赖配置文件，脚本命令运行的存储文件
  - build 整个项目的配置性文件，比如webpack配置
  - config 对整个项目的静态服务器配置
  - dist 运行 npm build 打包出来的文件
  - js 项目的js文件
  - .map 文件 错误资源定制文件
  - html 整个项目的容器，也是根实例的模板
  - node_modules 整个项目的依赖包文件
  - src 源代码开发目录，也是开发者具体操作的目录
  - assets 开发环境的静态资源 ， webpack编译
  - components 组件存放目录
  - xxx.vue 一个.vue文件就是一个组件，我们称之为：单文件组件（template js style）
  - App.vue 根实例的直接子组件，其他组件往App.vue中放
  - main.js 整个项目的入口文件
  - .babelrc 优雅降级
  - .editorconfig 编辑器配置文件
  - .gitignore 配置git上传时，不需要上传文件配置
  - postcssrc.js css预处理器的配置
  - display: flex;
  - -webkit
  - -moz
  - -ms
  • README.md 项目说明文件
    • static 生产环境的静态资源 webpack不编译

总结：

cli3 的 webpack 配置放在了node_modules 的 @vue/cli-server 中
cli2 的配置
standard build目录中
simple webpack.config.js

问题： 如果我们在cli3中要进行webpack配置，怎么办？
分析： cli3的基础webpack 配置我们不要动 ， 将来node_modules会被删除
解决： 新建一个vue.config.js文件进行webpack的覆盖配置