wx-key-replace

功能说明

批量替换wx:key的值。

• 项目中错误使用了wx:key。
• 错误案例：wx:key="{{index}}"。
• 替换为。
• 正确案例：wx:key="index"。

使用方式1

1. 在项目根目录新建wx-key-replace.config.js文件。
2. 填入以下配置。

module.exports = {
  files: `./src/**/**.wxml`,
  replace: [ // 无此项或此项为空数组，则开启自动匹配模式
    {
      source: `wx:key="{{index}}"`,
      target: `wx:key="index"`
    },
    {
      source: `wx:key="{{ item.id }}"`,
      target: `wx:key="id"`
    }
  ]
}

1. 运行：npx wx-key-replace。

字段说明

• files：需要被替换的文件。
• replace：需要被替换的内容集合。
  • source：需要被替换的内容。
  • target：替换成什么内容。

使用方式2

const wxKeyReplace = require('wx-key-replace')
const fileContent = `
<view wx:key="{{index}}"></view><view wx:key="{{index2}}"></view><view wx:key="{{item.id}}"></view>
<view wx:key="{{index}}"></view>
<view wx:key="{{index2}}"></view>
<view wx:key="{{item.id}}"></view>
<view wx:key="{{index}}"></view>
<view wx:key="{{index2}}"></view>
<view wx:key="{{item.id}}"></view>
<view wx:key="{{ index }}"></view>
<view wx:key="{{ index2 }}"></view>
<view wx:key="{{ item.id }}"></view>
<view wx:key="{{ index }}"></view>
<view wx:key="{{ index2 }}"></view>
<view wx:key="{{ item.id }}"></view>
<view wx:key="{{ index }}"></view><view wx:key="{{ index2 }}"></view><view wx:key="{{ item.id }}"></view>
`
const fileContentBeReplaced = `
<view wx:key="index"></view><view wx:key="index2"></view><view wx:key="id"></view>
<view wx:key="index"></view>
<view wx:key="index2"></view>
<view wx:key="id"></view>
<view wx:key="index"></view>
<view wx:key="index2"></view>
<view wx:key="id"></view>
<view wx:key="index"></view>
<view wx:key="index2"></view>
<view wx:key="id"></view>
<view wx:key="index"></view>
<view wx:key="index2"></view>
<view wx:key="id"></view>
<view wx:key="index"></view><view wx:key="index2"></view><view wx:key="id"></view>
`
console.log(wxKeyReplace({ fileContent }) === fileContentBeReplaced) // true

const wxKeyReplace = require('wx-key-replace')
const fileContent = `
<view wx:key="{{index}}"></view><view wx:key="{{index2}}"></view><view wx:key="{{item.id}}"></view>
<view wx:key="{{index}}"></view>
<view wx:key="{{index2}}"></view>
<view wx:key="{{item.id}}"></view>
<view wx:key="{{index}}"></view>
<view wx:key="{{index2}}"></view>
<view wx:key="{{item.id}}"></view>
<view wx:key="{{ index }}"></view>
<view wx:key="{{ index2 }}"></view>
<view wx:key="{{ item.id }}"></view>
<view wx:key="{{ index }}"></view>
<view wx:key="{{ index2 }}"></view>
<view wx:key="{{ item.id }}"></view>
<view wx:key="{{ index }}"></view><view wx:key="{{ index2 }}"></view><view wx:key="{{ item.id }}"></view>
`
const fileContentBeReplaced = `
<view wx:key="index"></view><view wx:key="{{index2}}"></view><view wx:key="{{item.id}}"></view>
<view wx:key="index"></view>
<view wx:key="{{index2}}"></view>
<view wx:key="{{item.id}}"></view>
<view wx:key="index"></view>
<view wx:key="{{index2}}"></view>
<view wx:key="{{item.id}}"></view>
<view wx:key="{{ index }}"></view>
<view wx:key="{{ index2 }}"></view>
<view wx:key="id"></view>
<view wx:key="{{ index }}"></view>
<view wx:key="{{ index2 }}"></view>
<view wx:key="id"></view>
<view wx:key="{{ index }}"></view><view wx:key="{{ index2 }}"></view><view wx:key="id"></view>
`
const replace = [ // 无此项或此项为空数组，则开启自动匹配模式
{
  source: `wx:key="{{index}}"`,
  target: `wx:key="index"`
},
{
  source: `wx:key="{{ item.id }}"`,
  target: `wx:key="id"`
}
]
console.log(wxKeyReplace({ fileContent, replace }) === fileContentBeReplaced) // true