                        课程
                    
                        /前端开发
                        
                            /Vue.js
                        
                        /vue.js入门基础

VUE是如何加载main.js文件的

在工程文件中使用main.js来加载App.vue文件的，但没有代码写出来加载main.js的，而index.html中只有一个自定义标签app，那么工程是如何加载到main.js文件的呢？

taoy

2016-09-12

源自：vue.js入门基础 2-1

关注问题我要回答

22813

操作

收起

8 回答

Fida 回答被采纳 +3 积分
2016-11-25

如果你是用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入口文件就配置了app: './src/main.js'，所以当你运行npm run dev的时候就从main.js这个入口文件开始执行了

10 回复有任何疑惑可以回复我~

#1

taoy 提问者

非常感谢！

2016-12-06 回复有任何疑惑可以回复我~

weixin_慕勒4501006
2019-01-17

This relative module was not found:

* ./src/main.js in multi ./build/dev-client ./src/main.js

还是这个报错怎么处理

0 回复有任何疑惑可以回复我~

松柏先生
2017-12-20

看图吧！

1 回复有任何疑惑可以回复我~

新鹿网
2017-03-28

main.js里面的template: '<App/>',

是什么意思，去掉后不会有内容展示了

0 回复有任何疑惑可以回复我~

qq_时光与我同眠浅浅浅浅浅_03128433
2016-09-19

而 new Vue({ })只依赖 Vue,main.js开始部分已经定义了Vue。import Vue from 'vue'

0 回复有任何疑惑可以回复我~

#1

taoy 提问者

main.js依赖Vue，但课程代码中没有任何加载main.js的语句啊！

2016-09-21 回复有任何疑惑可以回复我~

#2

慕码人1050777 回复 taoy 提问者

建议看下webpack的使用

2017-01-30 回复有任何疑惑可以回复我~

qq_时光与我同眠浅浅浅浅浅_03128433
2016-09-19

new Vue({ })。这句话就是vue的入口

0 回复有任何疑惑可以回复我~

taoy 提问者
2016-09-14

老师讲解用的app.vue文件中没有import main类型的语句啊！

0 回复有任何疑惑可以回复我~

强壮的病猫
2016-09-14

用 import 名字 from './文件名字'

0 回复有任何疑惑可以回复我~

#1

taoy 提问者

老师讲解用的app.vue文件中没有import main类型的语句啊！

2016-09-14 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

vue.js入门基础

参与学习 209716 人
解答问题 677 个

本门为vuejs入门教程，详细的讲解加实战，可以帮你进入vuejs的大门

VUE是如何加载main.js文件的

我要回答关注问题

意见反馈帮助中心 APP下载