美文网首页
vue的前端目录结构

vue的前端目录结构

作者: 李彬燊666 | 来源:发表于2020-06-20 14:57 被阅读0次

一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

相关文章

网友评论

      本文标题:vue的前端目录结构

      本文链接:https://www.haomeiwen.com/subject/ooowxktx.html