1, 先看配置文件 package.JSON
里面定义了这个项目所需要的各个模块, 以及项目的配置信息. scripts 指定了运行脚本命令的 NPM 命令行缩写, 比如 dev 指定了运行 NPM run dev 时所要执行的命令.
2, 再看配置文件 webpack.dev.config.JS
例如项目时运行 NPM run dev 来启动的, 就是说在运行命令 NPM run dev 时, 启动了 webpack-dev-server 服务, 并指定了配置文件 webpack.dev.config.JS, 所以我们接下来就去看 webpack.dev.config.JS 文件.
- "scripts": {
- "dev": "NPM run clean && cross-env NODE_ENV=development webpack-dev-server
- --config ./config/webpack.dev.config.JS"
- }
3, 先看导出模块, 再看代码
看代码不能从第一行开始看, 不然看的时候你无法串起来, 看完了也不知道在讲啥. 这里看 webpack.dev.config.JS 文件时先看最后输出了什么模块, 然后前面肯定是围绕生成这个模块而写的代码, 所以我们直接从模块生成的地方开始.
本文来自 vue.js 答疑 https://www.html.cn/qa/vue-js/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/vue-js/15993.html