牛骨文教育服务平台(让学习变的简单)
博文笔记

VUE如何加载main.js

创建时间:2017-07-18 投稿人: 浏览次数:2334

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

如果你是用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这个入口文件开始执行了

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。