VUE是怎么知道当前vue实例对应的是哪个html文件？

Question

本人刚学VUE小白一个，nodejs webpack都懂但是，表示VUE很多地方看不懂？最重要的是：

1. 在官方hello World 示例中，main.js 中new Vue指向App.vue 是怎么吧app.vue文件跟index.html对应起来的？难道内部写死的index.html,vue注定只能单页面，html只能叫index.html？
2. 假如我写了一个Login.html 一个MainFram.html 还有N多个modules.html怎么搞？

求解惑！！！

Answer 1

这个和vue没任何关系，你需要在webpack里面配置多个入口。

Answer 2

这涉及到node模块的加载机制，
node有自己查找文件的方法，它会先从package.json配置文件里查找main配置文件，如果有，执行；
否则查找当前路径上的index.js，index.json和index.node文件，如果有，执行；
否则执行失败，返回false。
main.js文件的默认路由是指向index.html文件

Answer 3

app.vue和index.html的对应是在config.js文件中配置的,官方的示例使用的是单页面的vue.js的脚手架,你可以修改webpack配置,配置多个入口,构建多页面的脚手架,GitHub上有修改好配置,克隆后可以直接使用,你可以试试

Answer 4

vue有多页面开发的配置的 需要网上搜索看下 github上也有

Answer 5

@小风哥 如果想让main.js指向其他html呢？