zoukankan      html  css  js  c++  java
  • VUE中index.html什么时候加载的mainjs呢?

    今天突然思考到一个问题,index.html文件中是vue项目的主页,项目入口,那么mainjs是啥时候被index加载运行的呢?是怎么被运行的呢?

    1.先来看看vue项目的一个结构解析(非常感谢磊阿磊阿磊磊磊的图片)
    1.jpg
    index.html---主页,项目入口

    App.vue---根组件

    main.js---入口文件

    2.通过2张图片搞清楚index和mainjs的关系和配置
    1.jpg
    1.jpg

    很明显看得出,mainjs中是配置了咱们的页面该渲染在index中的app节点上的,但是vue项目访问最开始的文件是index.html,这中间mainjs是如何被indexhtml引用的呢?

    3.最后在package.json看到了配置
    如果你是用vue.js官网提供的脚手架工具并沿用默认配置的话,
    你执行npm run dev的时候会出来页面,
    是因为你根目录下的package.json文件里script配置了

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

    也就是其实执行的是dev-server.js这个文件,里面有定义

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

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

    var baseWebpackConfig = require('./webpack.base.conf');
    在这个依赖webpack.base.conf文件里面entry入口文件就配置了
    1.jpg

    app: './src/main.js'

    所以当你运行npm run dev的时候就从main.js这个入口文件开始执行了

  • 相关阅读:
    iptables单独记录一个日志文件
    centos7安装kvm
    查看一个启动的程序安装位置
    mysql-audit
    select 导出数据以|分割
    Codeforces 1105E 最大独立集 状态DP 中途相遇法
    Codeforces 1140E DP
    Codeforces 1152D DP
    GYM 101933E 状态压缩 + 记忆化搜索
    Codeforces 1151E 统计贡献
  • 原文地址:https://www.cnblogs.com/jingzheins/p/13994101.html
Copyright © 2011-2022 走看看