uniapp微信小程序使用HBuilder编译后通过脚本文件将根目录下的JS文件复制到编译后的mapweixin目录下

如果你希望在HBuilder编译后使用脚本文件将根目录的JS文件放置到mapweixin目录下,可以编写一个脚本文件来实现这个操作。用于将根目录的JS文件复制到mapweixin目录

问题:使用HBuilder编译时,未使用到的自定义文件不会编译到mapweixin目录下。每次编译完成后需要手动copy,才能使用;所以我们需要使用脚本文件将HBuilder根目录下的自定义js文件复制到mapweixin下,下面是使用示例:

一、在根目录下创建打包后需要使用的js文件

1、在根目录下创建需要复制和使用的js文件(FinClipConf.js)

module.exports = {
  extApi:[
    {
        name: 'LoginApi',
        sync: false, // 是否为同步api
        params: {
          loginType: '',
          openPage:'',
          openType: '',
          openData:'',
        }
    }
  ]
}

在这里插入图片描述

二、在根目录下放置脚本文件

如果项目是使用vue2.0框架开发的小程序,就添加vue.config.js脚本;如果是vue3.0框架开发的小程序,就添加vite.config.js脚本
在这里插入图片描述
1、vue2.0框架,配置脚本文件(vue.config.js)

const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin') //最新版本copy-webpack-plugin插件暂不兼容,推荐v5.0.0

module.exports = {
	configureWebpack: {
		plugins: [
			new CopyWebpackPlugin([
				{
					from: path.join(__dirname, 'src/FinClipConf.js'),
					to: path.join(__dirname, 'dist', process.env.NODE_ENV === 'production' ? 'build' : 'dev', process.env.UNI_PLATFORM, 'FinClipConf.js')
				}
			])
		]
	}
}

2、vue3.0框架,配置脚本文件(vite.config.js)

import path from 'path';
import fs from 'fs-extra';
import { defineConfig } from 'vite';
import uni from '@dcloudio/vite-plugin-uni';

function copyFile() {
	return {
		enforce: 'post',
		async writeBundle() {
			await fs.copy(
				path.resolve(__dirname, 'FinClipConf.js'),
				path.join(
					__dirname,
					'unpackage/dist',
					process.env.NODE_ENV === 'production' ? 'build' : 'dev',
					process.env.UNI_PLATFORM,
					'FinClipConf.js'
				)
			);
		},
	};
}

export default defineConfig({
	plugins: [uni(), copyFile()],
});

实现效果:
编译成功后,成功将自定义js文件,通过脚本文件复制到了mapwexin文件夹下
在这里插入图片描述

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

smileAgain-lg

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值