vue-cli创建的项目index.html和main.js关系？

Question

1、大体知道是index.html>main.js>App.vue>单页面组件/路由>单页面组件
但是index.html里没有引入main.js的代码，它们怎么联系起来的？

2、index.html里的内容会被App.vue内容覆盖，我在index.html里写一串数字，刷新页面时，这串数字会出现一次再跳转到目标页面。为什么会出现？

3、router下index.js是管理路由的，那config下的index.js是干嘛的？

4、webpack-config.js和vue-config.js每次都需要手动创建么？

5、是不是最好用axios替换vue-resource？

Answer 1

1.main.js是webpack打包的入口，最终会生成vendors.js、app.js(chunk?)等。由html-wepack-plugin帮你插入到index.html.所以html相当于模板
2.vue的初始化有一段白屏时间，是比html直接渲染要慢的，所以你会看到这串数字会先出现
3.config不知道你指什么，这一般是项目中的环境配置，dev prod等。或者是注入到webpack的自定义配置
4.webpack.config.js和vue.config.js在你需要的时候创建，vcli新版已经简化了对webpack的配置，同时开放出vue.config.js给特殊需要

//例如vue.config.js
module.exports = {
  configureWebpack: {
    devtool: "source-map",
    plugins: plugins
  },
  devServer: {
    watchOptions: {
      poll: true
    },
    proxy: {
      "/api": {
        target: "http://127.0.0.1:3001"
      }
    }
  }
};

5.vue-resource不再维护，建议使用axios