build.js 配置的是构建时的一些配置
check-versions.js 时版本检查的插件
dev-client.js 热重载配置文件,配置了开发的时候 当我们修改了原代码的时候,浏览器自动更新
window.localton.reload()
dev-server.js 文件为服务器配置文件 该配置文件配置了一个express框架 express是基于node的一个框架,可以启动一个服务,让我们能够在开发时访问
utils .js 中是一些工具类
vue-loader.conf.js vue加载器
build/webpack.base.conf.js 文件中是基本的打包配置文件,如程序的入口设置 app ,加载config/index.js文件中的配置,进行输出
注意:require(…/config)其实加载的是/config/index.js文件,因为require中如果没有指定到文件,则默认加载的是index.js文件
vue-loader vue特定的配置文件加载插件
babel-loader es6解析插件的加载也是在这个里面配置的babel
url-loader 将字体、图片转成bese64插件 limit配置了文件的大小 ,小于这个大小的文件都将被转义
webpack.dev.conf.js和webpack.prod.conf.js文件都分别继承了webpack.base.conf.js文件,是对打包配置文件的补充
构建成功后会生成dist文件夹 ,为什么叫dist实在config/index.js中默认设置了模板导出地址根目录为dist
config/index.js 为项目的一些基本设置
在config/index.js中配置了模块导出的一些地址设置,比如如果我们需要将js配置到cdn中时,我们可以修改输出的地址为cdn的地址,那么在系统文件引用中就是cdn的地址,默认的输出地址为 /
node_modules 项目的依赖 通过npm来安装
src 源码
App.vue 每一个vue是一个组件
main.js 项目的入口 该文件中加载了App.vue组件
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})
为什么vue文件也能不用些.vue后缀就能加载呢,跟项目的配置加载有关
配置主要关注 index.js 和webpack.base.conf.js 其他的都是一些辅助性的配置