vue-cli 3.0脚手架配置及扩展（三）：config.app.js应用目录配置

最新推荐文章于 2024-08-08 22:20:54 发布

置顶

franks_t_d

最新推荐文章于 2024-08-08 22:20:54 发布

阅读量7.9k

点赞数

分类专栏： vue es6 Node.js gulp webpack 文章标签： vue-cli vue脚手架

本文链接：https://blog.csdn.net/franks_t_d/article/details/80740385

版权

这篇博客介绍了Vue CLI 3.0中`config.app.js`文件的应用目录配置，重点在于如何进行项目结构的自定义配置。作者建议读者参考前文《vue-cli 3.0脚手架配置及扩展（二）：vue.config.js多页配置》以更好地理解路径配置。

摘要由CSDN通过智能技术生成

工程目录如图，config.app.js文件在src源码目录下

config.app.js文件是我为了方便测试模拟的项目结构，代码如下：

/**
 * @fileOverview app配置
 * @author Franks.T.D
 * @date 2018/06/17
 */

module.exports = {
  APP_NAME: ['www', 'memberCenter'], // 应用名，按顺序对应APP_LIST元素位
  APP_LIST: [
    {
      BASE_URL: '', // 二级目录
      INDEX_HTML: 'mod1', // 默认页（自动改名为index.html）
      CONTEXT_DIRECTORY: [ // 目录树结构（上接BASE_URL或DOMAIN）
        'mod2',
        {
          'goods': [
            'mod4',
            'mod5'
          ],
          'coupons': [
            'mod6',
            {
              'points_coupons': [
                'mod7',
                'mod8',
                'mod3'