当前位置: 首页 > article >正文

Vue项目如何设置多个静态文件;如何自定义静态文件目录

Vite实现方案

安装插件

npm i vite-plugin-static-copy

在vite.config.ts引入

import { viteStaticCopy } from 'vite-plugin-static-copy'

配置

    plugins: [
        viteStaticCopy({
            targets: [
                {
                    src: "要设置的静态文件目录的相对路径 相对于vite.config.ts的", 
                    dest: './', // 不用动
                },
            ],
        }),
    ],

打包尝试
在这里插入图片描述

Webpack实现方案

使用 插件

npm i copy-webpack-plugin

vue.config.js 引入

const CopyWebpackPlugin = require('copy-webpack-plugin'); 


  configureWebpack: { 
    plugins: [ 
      new CopyWebpackPlugin({patterns:[
        {
          from: path.resolve(__dirname, '../static'), // 要复制的文件夹
          to: path.resolve(__dirname, 'dist/'),   // 目标文件夹
        }, 
      ]}),
    ],
  },


http://www.kler.cn/a/457867.html

相关文章:

  • 【Pytorch报错】AttributeError: cannot assign module before Module.__init__() call
  • mysql连接时报错1130-Host ‘hostname‘ is not allowed to connect to this MySQL server
  • MYsql--------ubantu中安装mysql
  • Spring源码分析之事件机制——观察者模式(二)
  • python中常用的内置函数介绍
  • 右值引用全面剖析
  • 【机器学习】SVM支持向量机(一)
  • Raven Glass:迈向AR领域的iPod,开启全天候佩戴的时尚新时代
  • Redis - Token JWT 概念解析及双token实现分布式session存储实战
  • C++ 设计模式:享元模式(Flyweight Pattern)
  • c#中using语句
  • 【LLM综述】29种大模型Prompt Engineering技术
  • 【大语言模型】LangChain 核心模块介绍(Memorys)
  • Python Polars快速入门指南:LazyFrames
  • 苹果手机iOS18.2系统苹果手机便签测评
  • Type-C接口的拍摄云台
  • OpenCV-Python实战(13)——图像轮廓
  • 【每日学点鸿蒙知识】Provider、Navigation返回参数、隐私声明问题、Text判断函数、自定义hvigor插件
  • 初入图像处理:水稻剑叶夹角测量
  • 【Hackthebox 中英 Write-Up】通过 POST 请求绕过前端限制:基于 Cookie 的认证与数据提取实操指南
  • AI大模型语音识别转文字
  • 在 CentOS 7 上安装 Node.js 20 并升级 GCC、make 和 glibc
  • 图像处理-Ch7-快速小波变换和小波包
  • redis cluster实验详解
  • 蓝桥杯速成教程{三}(adc,i2c,uart)
  • vulhub-wordpress靶场