# Vue 模板标签转换

替换 Vue 模板中的标签,比如把REPLACE_TAG_SCROLL_VIEWweb端替换成div,在小程序端替换为scroll-view

# 如何使用

安装

pnpm add @plugin-light/webpack-loader-replace-template-tag -D

vue.config.js 中添加如下设置:

const { LOADER: replaceTemplateTag } = require('webpack-loader-replace-template-tag')';

module.export = {
  chainWebpack(config) {
    config.module
      .rule('vue')
      .test(/\.vue$/)
      .use(replaceTemplateTag)
      .loader(replaceTemplateTag)
      .options({
        replaceTmpTagMap: {
          REPLACE_TAG_SCROLL_VIEW: {
            web: 'div',
            mp: 'scroll-view',
          },
        }
      })
      .end();
  }
}

# 参数

export type IReplaceTemplateTagOptions = {
  // 替换标签映射表
  replaceTmpTagMap?: {
    [k: string]: {
      mp: string;
      web: string;
    }
  }
};
Last Updated: 2024/10/12 08:54:40