安装依赖

npm i --save-dev copy-webpack-plugin@6.3.2

注意这里固定版本号,因为版本号太高级打包时会报错

配置

// vue.config.js
const CopyWebpack = require('copy-webpack-plugin')
const fs = require('fs')
const path = require('path')

const version = '1.6.9'
fs.writeFile(`./src/xxui.${version}.txt`, `误删!后端需要文件名获取到对应的xxui组件库的版本号,${new Date()}`, () => ({}))

module.exports = {
  chainWebpack: config => {
    config
      .plugin('copy-webpack')
      .use(CopyWebpack, [{
          patterns: [
            {from: path.resolve(__dirname, `src/xxui.${version}.txt`), to: '[name].[ext]'}
          ]
        }])
  }
}

这里

fs.writeFile(`./src/xxui.${version}.txt`, `误删!后端需要文件名获取到对应的xxui组件库的版本号,${new Date()}`, () => ({}))

会在运行或者打包时,自动在当前项目中创建文件 ./src/xxui.1.6.9.txt(你也可以选择手动创建这个文件),下面的打包中 copy-webpack-plugin 中参数 from 是指不需要打包的文件,to 是指最终打包完以后将这些文件复制到打包文件的什么地方去。
我们看下最终的打包结果
在这里插入图片描述

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐