javascript - Vue2.0基于 webpack建立后 各个文件之间是怎么联系的?

问题描述

问 题

有几个问题求大神榜解决一下!
1.index.html只是显示页面吗?
2.hello.vue和App.vue是利用Vue创建的组件?可以直接插入到index.html里吗?组件之间也可以互相插入吗?
3.index.html和其他三个文件之间没有引入,是怎么联系的呢?
4.main.js文件里的import Vue form 'vue'是把vue框架引入吗?和main.js同级的文件里也没有vue.js框架?
5.main.js和App.vue是同级文件为什么要加./呢?

解决方案

问题一：
webpack是一个构建工具，其中的种种loader将项目中的各个模块按照一定逻辑打包压缩成目标js文件和html文件，因此最终在浏览器中运行的还是一个html，该html引入了打包后的js文件。
问题二：
以.vue结尾的文件都是vue的单文件组件写法，需要通过webpack中的vue-loader将其打包解析成最后的可以运行的js,css,html
问题三：
index.html中最后仅仅引入了打包后的js文件
问题四：
main.js中引入的方式是es6的模块写法，之前通过npm安装过vue模块，所以这样引入时会按照一定的寻路方式去node-modules文件夹下去找该模块
问题五：
'./'代表当前目录，'../'代表父级目录，'/'代表根目录

这篇关于javascript - Vue2.0基于 webpack建立后 各个文件之间是怎么联系的?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！