搭建好的vue项目配置文件介绍

当我们初步搭建好vue环境的时候，我们会产生很多文件，下面我们对一些重要的文件做一些简单的介绍，便于大家理解。

build 是我们打包所需的配置文件夹

config 是我们项目的配置文件夹

src 是我们项目开发存放源代码的地方

App.vue是我们的入口组件

.vue 的格式文件都是组件文件

main.js 项目入口的文件

.babelrc 文件是es6的配置文件

editorconfig sublime编辑器的配置

.postcssrc.js 是html添加前缀的配置文件

index.html 单页面的入口

package.json 依赖包的配置文件

核心要关注的文件是

./build/webpack.base.conf.js 打包的核心配置文件

./config/index.js 开发配置文件

./build/build,js 是用来构建我们的生产包,这个文件引用了check-versions.js & webpack,base.conf.js & ./config/index.js & webpack.prod.conf.js,文件中spinner是用来输出日志 rm 是用来删除上次打包的文件（删除了就的文件包，再生成新的打包文件）

./build/check-versions.js 使用来检查版本文件

./build/dev-clicent,js 热更新的插件重载，使改完的代码会立马生效

./build/dev-server.js 启动express框架，模拟后端框架服务，让前端来访问

./utils.js 提供工具配置输出

./build/webpack,base.conf.js 这个是主要打包用文件

包含了路径模块、工具配置模块、开发配置模块、路由器配置

vue-loader 是解析vue的插件

babel-loader 是解析es6的插件

url-loader 是把图片和特殊文字压缩成16进制字符，减少服务器请求压力

index.js 开发配置文件

index.js内容如下

index:path 设置输出index.html路径

assetsRoot:设置输出项目根路径

assetsSubDirectory 设置静态资源二级的输出目录都放在static

assetsPublicPath设置静态资源的cdn地址