首页 > 其他分享 >React 中复制静态文件到 build的文件夹中

React 中复制静态文件到 build的文件夹中

时间:2023-11-03 11:36:16浏览次数:35  
标签:文件 dist React 文件夹 build copy

React 中复制静态文件到 build的文件夹中

环境:umi 框架

前提:在跟目录下放置了Dockerfile 文件,在build时需要自动复制到dist文件夹里面。

 

1. 安装 copy-webpack-plugin 插件

 

2. .umirc.ts 文件中使用copy命令

import { defineConfig } from "umi";
export default defineConfig({
  base: "/dict",
  npmClient: "yarn",
  tailwindcss: {},
  mfsu: false,
  codeSplitting: {
    jsStrategy: "granularChunks",
    jsStrategyOptions: {},
  },
  plugins: ["@umijs/plugins/dist/tailwindcss"],
  copy: [
    {
      from: "Dockerfile",
      to: "dist",
    },
  ],
  define: {},
});

 

标签:文件,dist,React,文件夹,build,copy
From: https://www.cnblogs.com/1285026182YUAN/p/17807206.html

相关文章

  • React 中设置环境变量(开发环境、测试环境和生产环境)
    React中设置环境变量(开发环境、测试环境和生产环境)环境React,Umi框架 1. 安装插件:cross-envnpmicross-env-S  2. 修改 package.json 文件"scripts":{"dev":"cross-envREACT_APP_ENV=devumidev","dev:prod":"cross-envREACT......
  • 瞬间提升你的文件管理游戏!尽在目录博士(Dr. Folder)--打造个性化文件夹的必备利器!
    概述 瞬间提升你的文件管理游戏!尽在目录博士——打造个性化文件夹的必备利器![撒花]目录博士(Dr.Folder)是一款用于Windows操作系统的文件夹管理工具。它可以帮助用户轻松地自定义文件夹的外观和组织方式,使文件和文件夹更易于识别和访问。功能1、文件夹图标更改:用户可以选择不同......
  • [Unraid 系列 v6.10+] 6 zfs 格式下删除已共享的文件夹
    说明在使用zfs文件格式并格式化硬盘后,无法通过rm命令删除已共享的文件夹(哪怕已经删除共享)。示例:root@unraid:/mnt/disk2#rm-rappdata/rm:cannotremove'appdata/':Deviceorresourcebusy解决通过zfsdestroy-r命令删除文件夹。示例:root@unraid:/mnt/di......
  • React面试题: 我是否可以在项目中不断使用React.Component来优化项目
    React.PureComponent是React的一个组件,主要用于性能优化,可以避免不必要的渲染。它的主要特点是:如果组件的props和state没有发生变化,则不会重新渲染(此处原理类似React.memo)。可以自动检查对象和数组,判断其是否需要重新渲染(是浅比较)。但是,React.PureComponent的缺点......
  • React面试题: useCallBack()与React.memo的区别与使用常见场景
    React.usecallback与React.memo的区别:React.useCallback和React.memo是两种不同的优化方式:主要功能:它们都可以避免不必要的渲染,提高React应用的性能。React.useCallback是Hoc(高阶组件)的解决方案,可以用于优化函数组件和Class组件,注意这里适用于React高阶组件的渲染解......
  • flutter组件之GridView.builder()
    如果您的Flutter应用程序需要显示大量或无限数量项目的网格视图(例如,从API获取的产品列表),那么您应该使用GridView.builder()而不是GridView()。该**生成器()**只为那些确实可见,所以您的应用程序的性能将得到改善例子步骤:生成一个包含100.000个虚拟产品的列表:finalList<Map>myP......
  • MacBooks打开当前文件夹的cmd终端
    1.打开系统偏好设置,并点击触控板 辅助点击选择点按右下角2.点击左上角访达,选择服务,点击服务偏好设置3.给“新建位于文件夹位置的终端标签页”和“新建位于文件夹位置的终端窗口”钩上选项 这样就可以在你想打开终端的文件夹,使用鼠标右键,打开终端了......
  • 在使用docker-compose build一个faq服务Helpy 时报错
    Helpy时报错如下:ERROR:failedtosolve:process"/bin/sh-cbundleinstall--withouttestdevelopment"didnotcompletesuccessfully:exitcode:11ERROR:Service'helpy'failedtobuild:Buildfailed有两种解释这种报错1、修改dockerfile ruby:2.5,然后......
  • 直播小程序源码,react-native自定义文本输入框
    直播小程序源码,react-native自定义文本输入框Examplesfromprops: ... _onChange=(label,value)=>{  this.setState({[label]:value}); }; render(){  return(   <Viewstyle={styles.container}>    <Text>     {this.stat......
  • 【行云流水线实践】基于“OneBuild”方法对镜像进行快速装箱
    在云原生领域,无论使用哪种编排调度平台,Kubernetes,DockerSwarm,OpenShift等,业务都需要基于镜像进行交付,我们在内部实践“Source-to-image”和链式构建,总而总结出“OneBuild”模式。其核心思想是:一处构建,多处使用。问题一般,我们会使用类似JenkinsCI系统来构建镜像,以满足持续集成,......