javascript - webpack vue入口文件
迷茫
迷茫 2017-04-11 12:32:58
[JavaScript讨论组]

index.html
main.js
App.vue
这三个文件的关系是什么?
我的理解是index.html是webpack的入口
main.js是vue的入口,App.vue是渲染的第一个页面。
fork了几个人的项目,每个人写法都不同,晕了。

const app = new Vue({
    router,
    ...App
}).$mount("#app");

上面的#app指的是index中的


还是App.vue中的?

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(1)
怪我咯

你搞错了。
不理解这些配置那就去看build文件夹下的配置文件,那里的代码也不难,一行挨着一行慢慢看,不懂就去查对应的手册,一劳永逸的搞定它,不然以后碰到这种问题照样抓瞎。

wenpack的入口文件,见build/webpack.base.conf.js文件:

entry: {
    app: './src/main.js'
}

所以,main.js才是webpack的入口文件

main.js中,加载的是App.vue文件,所以App.vuevue渲染的入口

关于$mount()方法,请看官网的讲解:
$mount

此方法用于手动地挂载一个未挂载的实例。

最后,关于index.html
这是默认SPA应用的网页模板。

#app,当然指的就是html文件中的idapp的DOM元素了。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号