umijs 2.x 更改build 输出目录配置，将css和js 放到指定文件夹

umi build 输出文件

生产一大堆文件，看起来有些不爽，将css 和 js 放到响应目录，放到static 目录中去，实现效果如下

解决方案如下：

.umirc.js

const path = require('path');
const routes = require('./src/routes/index');
// 打包配置
const staticDir = 'static';

export default {
    base: '/admin/',
    treeShaking: true,
    publicPath: './',
    routes,
    hash: true,
    chainWebpack(config, { webpack }) {
        // 修改css输出目录
        config.plugin('extract-css').tap(() => [
            {
                filename: `${staticDir}/css/[name].[contenthash:8].css`,
                chunkFilename: `${staticDir}/css/[name].[contenthash:8].chunk.css`,
                ignoreOrder: true
            }
        ]);

        // 修改js输出目录
        config.output.filename(`${staticDir}/js/[name].[hash:8].js`).chunkFilename(`${staticDir}/js/[name].[contenthash:8].chunk.js`);

    }
};

实现效果如下图所示，看起来清爽多了