一config 目录【 配置目录,包括端口号等 】
---1.1 ‘’dev.env.js” (开发环境配置)
---1.2 “index.js”
---1.3 “ prod.env.js ” (生产环境配置)
1.1:prod.env.js 'use strict'
module.exports = {
NODE_ENV: '"production"',
BASE_API: '"http://120.27.63.9:8080"'
}
===============================================
该配置文件只是导出了一个对象。
1.2:dev.env.js
'use strict'
//引入webpack-merge模块 【 这个模块的作用是来合并两个配置文件对象并生成一个新的配置文件,有点儿类似于es6的object.assign(); vue-cli中将一些通用的配置抽出来放在一个文件内,在对不同的环境配置不同的代码,最后使用webpack-merge来进行合并,减少重复代码,正如文档中所说,“webpack遵循不重复原则(Don't repeat yourself - DRY),不会再不同的环境中配置相同的代码” 】
想了解更多关于这个模块的朋友请访问 https://www.npmjs.com/package/webpack-merge
const merge = require('webpack-merge')
//引入的prod.env.js 文件
const prodEnv = require('./prod.env')
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
BASE_API: '"http://localhost:8080"'
})
本文章全部来自于 https://www.cnblogs.com/caideyipi/p/8187656.html
https://www.jianshu.com/p/f489e7764cb8
二:node_modules 【npm 加载的项目依赖模块】
三:src【是我们要开发的目录,基本上要做的事情都在这个目录里】
前端发给后端的请求都是在 src 下的 router 目录下完成的
本本章主要来自于 https://www.cnblogs.com/dragonir/p/8711761.html 以及 本地cscode 中的 mall-admin-web 的readMe
网友评论