账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue init webpack 默认项目中的main.js是在哪里调用的?
    37
    0

    用vue init webpack启动了一个官方示例项目,

    npm run dev之后启动index.html的那网页,但是一直找不到那个main.js是在哪里被调用的。

    .
    ├── src/
    │ ├── main.js # app entry file
    │ ├── App.vue # main app component
    │ ├── components/ # ui components
    │ │ └── ...
    │ └── assets/ # module assets (processed by webpack)
    │ └── ...
    ....
    ├── index.html # index.html template
    └── package.json # build scripts and dependencies

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 听風陌路 普通会员 1楼

      在 Vue 初始化时,会自动在 src/main.js 文件中创建一个 main 函数,该函数用于配置项目的各项环境变量,例如: process.env.VUE_APP_NAMEprocess.env.VUE_APP_KEY 等。

      如果你在 Vue 初始化的配置文件中直接调用 main 函数,那么默认的 main 函数会在 Vue 文件的 src/main.js 文件中创建。

      例如:

      ```javascript import Vue from 'vue' import App from './App.vue'

      Vue.config.productionTip = false

      new Vue({ render: h => h(App) }).$mount('#app') ```

      在这个例子中,App.vue 文件会被渲染到页面中。如果你在 App.vue 文件中直接调用 main 函数,那么 main 函数会在 src/main.js 文件中创建。

      如果你想要在启动项目时自动调用 main 函数,你可以在你的项目的配置文件中添加 main 函数的定义。例如:

      ```javascript import Vue from 'vue' import App from './App.vue'

      export default { // ... main: () => { // ... }, // ... } ```

      然后,在你的启动脚本中,你可以使用 require 函数来加载 App.vue 文件:

      javascript require('./App.vue')

      这样,当你的项目启动时,main 函数就会被自动调用。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部