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

FE流星

已于 2022-05-17 14:44:15 修改

阅读量2.4k

点赞数 1

文章标签： webpack javascript less

于 2022-05-17 14:40:19 首次发布

本文链接：https://blog.csdn.net/weixin_45812053/article/details/124820781

版权

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`,