fes.js/docs/guide/config.md
2021-03-05 19:10:39 +08:00

1.7 KiB

配置

Fes.js 约定 .fes.js 文件为项目基础配置文件,一份常见的配置示例如下:

export default {
    base: '/foo/',
    publicPath: '/',
    devServer: {
        port: 8080
    }
    mock: {
        prefix: '/v2'
    },
    proxy: {
        '/v2': {
            'target': 'https://api.douban.com/',
            'changeOrigin': true, 
        },
    },
    layout: {
        title: "Fes.js",
        footer: 'Created by MumbelFe',
        multiTabs: false,
        menus: [{
            name: 'index'
        }, {
            name: 'onepiece'
        }, {
            name: 'store'
        }, {
            name: 'simpleList'
        }]
    }
}

配置文件

可以新建 .fes.local.js 作为本地临时配置文件。这份配置会和 .fes.js 做 deep merge 后形成最终配置。

// .fes.js
export default { mock: false };

// .fes.local.js
export default { 
    mock: true,
    dvServer: { port: 8080 }
};

最终的配置是:

{ 
    mock: true,
    devServer: { port: 8080 }
};

::: tip .fes.local.js 仅在 fes dev 时有效。

.fes.local.js 是本地验证使用的临时配置,请将其添加到 .gitignore,务必不要提交到 git 仓库中。

.fes.local.js 配置的优先级最高,比 FES_ENV 指定的配置更高。 :::

多环境多份配置

可以通过环境变量 FES_ENV 区分不同环境,来指定配置文件。

    // .fes.js
    export default { mock: false };

    // .fes.local.js
    export default { 
        mock: true,
        dvServer: { port: 8080 }
    };

根据指定的 FES_ENV 拿对应的配置,这份配置会和 .fes.js 做 deep merge 后形成最终配。 ::: tip FES_ENV 指定的配置优先级高于 .fes.js 文件的配置 :::