Vue-cli的一些配置文件的简析

build

——打包配置文件所在文件夹

1. ——"webpack.base.conf.js":打包核心配置文件

2. ——"build.js":构建生产版本，项目开发完成后通过build.js来构建生产包

   "process.env.NODE_ENV = 'production'":全局环境变量的设置，是生产模版本还是开发版本

   "webpack":打包配置

   "../config":默认加载文件夹的话，会去读取该文件夹下的index.js文件

3. ——"check-versions.js":检查版本，导出一个函数

   "chalk":对控制台日志等文案进行彩色输出的作用

   "semver":版本检查工具

4. ——"webpack.prod.conf":webpack生产包的配置

5. ——"webpack.dev.conf":webpack开发包的配置

config

——打包配置，也就是webpack对应的配置

——"index.js":开发核心配置文件

src

——开发项目源码

APP.vue为入口组件 mian.js为入口文件

static

——存放静态资源(图片,JSON文件...)

.babelrc

——ES6解析配置

.editorconfig

——编辑器配置

.gitignore

——忽略git提交的配置

这里面忽略了node_modules，这就证明了为什么从github上copy下来的源码文件需要重新npm install，因为在源码被提交到github上时，忽略提交node_modules文件夹

index.html

——单页面入口页面，通过webpack打包后会将源码插入到index.html页面中

package.json

• ——"dependencies":项目自始至终需要依赖的包
• ——"devDependencies":项目开发时所需要的包，通过webpack打包之前会用到，打包之后会去掉

转载于:https://juejin.im/post/5afafae3f265da0b71566eeb