umi自定义打包文件

最新推荐文章于 2024-05-01 10:00:00 发布

给你取暖

最新推荐文章于 2024-05-01 10:00:00 发布

阅读量786

点赞数 1

分类专栏： js 文章标签：前端 Powered by 金山文档

本文链接：https://blog.csdn.net/weixin_49409651/article/details/129532351

版权

js 专栏收录该内容

46 篇文章 1 订阅

订阅专栏

import { defineConfig } from "umi";
 
import HtmlWebpackPlugin from "html-webpack-plugin";
 
umi自定义打包 文件 
export default defineConfig({
  npmClient: "npm",
  history: { type: "browser" },
  hash: false,
  outputPath:"static",
  chainWebpack(config, { webpack }) {
   
    //---------------------------------js  START----------------------------------------//;
    config.output.set("filename", "js/[name].js");
    config.output.set("chunkFilename", "js/[name].async.js");
    //---------------------------------js END----------------------------------------//;
    //---------------------------------css END----------------------------------------//;
    config.plugins
      .get("mini-css-extract-plugin")
      .set("args", [{ filename: "css/[name].css" }]);
    //---------------------------------css END----------------------------------------//;

    // 添加额外插件
    config.plugin("html-webpack-plugin").use(HtmlWebpackPlugin, [
      {
        // title:'rd平台',
        template: "./src/index.html", // 源模板文件
        filename: "index.html", // 输出文件【注意：这里的根路径是module.exports.output.path】
        showErrors: true,
        inject: "body",

        // 压缩html代码
        minify: {
          // 移除空格
          collapseWhitespace: true,
          // 移除注释
          removeComments: true,
        },
      },
    ]);
  
    return config;
  },
  headScripts: ["./js/umi.js"],
  proxy: {
 
  
  },
});