Bootstrap

Vue进阶(二):Vue 项目文件结构介绍

一、文件介绍

二、Vue 加载 main.js 过程分析

在工程中使用来加载文件,但没有代码写出来框架是如何加载的,而中只有一个自定义标签,那么工程是如何加载到文件的呢?

如果你是用官网提供的脚手架工具并沿用默认配置的话,执行的时候之所以会出来页面,是因为根目录下的文件里配置了如下信息:

"dev": "node build/dev-server.js"

也就是其实执行的是这个文件,里面有定义

var webpackConfig = require('./webpack.dev.conf');

因为这个脚手架工具是用来打包项目文件的,依赖的文件里又定义了

var baseWebpackConfig = require('./webpack.base.conf');

在这个依赖文件里面入口文件中就配置了

app: './src/main.js'

所以,当你运行的时候,就从这个入口文件开始执行了。

三、注

main.js

/*关闭生产模式下给出的提示*/
Vue.config.productionTip = false

四、拓展阅读