feat: [taro-webpack5-runner MiniWebpackModule]非官方维护端平台插件，支持引入原生组件混写

packages/taro-helper/src/__tests__/get-merge-loader-template-reg.spec.ts

@@ -0,0 +1,10 @@
+import { getMergeLoaderTemplateReg } from '../utils'
+
+describe('getMergeLoaderTemplateReg', () => {
+ it('should return match current template RegExp', () => {
+ const input1 = '.xhsml' // 小红书小程序模版后缀
+ const input2 = '.ksml' // 快手小程序模版后缀
+ expect(getMergeLoaderTemplateReg(input1)).toEqual(/\.(wxml|axml|ttml|qml|swan|jxml|xhsml)(\?.*)?$/)
+ expect(getMergeLoaderTemplateReg(input2)).toEqual(/\.(wxml|axml|ttml|qml|swan|jxml|ksml)(\?.*)?$/)
+ })
+})

packages/taro-helper/src/constants.ts

@@ -79,6 +79,7 @@ export const processTypeMap: IProcessTypeMap = {
 }
 
 export const CSS_EXT: string[] = ['.css', '.scss', '.sass', '.less', '.styl', '.stylus', '.wxss', '.acss']
+export const DEFAULT_SUPPORT_TEMPLATE: string[] = ['wxml', 'axml', 'ttml', 'qml', 'swan', 'jxml']
 export const SCSS_EXT: string[] = ['.scss']
 export const JS_EXT: string[] = ['.js', '.jsx']
 export const TS_EXT: string[] = ['.ts', '.tsx']
@@ -103,7 +104,6 @@ export const REG_IMAGE = /\.(png|jpe?g|gif|bpm|svg|webp)(\?.*)?$/
 export const REG_FONT = /\.(woff2?|eot|ttf|otf)(\?.*)?$/
 export const REG_JSON = /\.json(\?.*)?$/
 export const REG_UX = /\.ux(\?.*)?$/
-export const REG_TEMPLATE = /\.(wxml|axml|ttml|qml|swan|jxml)(\?.*)?$/
 export const REG_WXML_IMPORT = /<import(.*)?src=(?:(?:'([^']*)')|(?:"([^"]*)"))/gi
 export const REG_URL = /^(?:(?:(?:https?|ftp):)?\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z0-9\u00a1-\uffff][a-z0-9\u00a1-\uffff_-]{0,62})?[a-z0-9\u00a1-\uffff]\.)+(?:[a-z\u00a1-\uffff]{2,}\.?))(?::\d{2,5})?(?:[/?#]\S*)?$/i
 export const CSS_IMPORT_REG = /@import (["'])(.+?)\1;/g

packages/taro-helper/src/utils.ts

@@ -7,6 +7,7 @@ import * as path from 'path'
 import {
  CSS_EXT,
  CSS_IMPORT_REG,
+ DEFAULT_SUPPORT_TEMPLATE,
  NODE_MODULES_REG,
  PLATFORMS,
  processTypeEnum,
@@ -693,4 +694,9 @@ export function readConfig<T extends IReadConfigOptions> (configPath: string, op
  return result
 }
 
+export function getMergeLoaderTemplateReg (templ: string) {
+ const tmepls = [...DEFAULT_SUPPORT_TEMPLATE, templ ? templ?.substring(1) : '']
+ return new RegExp(`\\.(${tmepls.join('|')})(\\?.*)?$`)
+}
+
 export { fs }

packages/taro-mini-runner/src/webpack/chain.ts

@@ -1,6 +1,7 @@
 import {
  chalk,
  fs,
+ getMergeLoaderTemplateReg,
  isNodeModule,
  recursiveMerge,
  REG_CSS,
@@ -13,7 +14,6 @@ import {
  REG_SCRIPTS,
  REG_STYLE,
  REG_STYLUS,
- REG_TEMPLATE,
  resolveMainFilePath,
  SCRIPT_EXT
 } from '@tarojs/helper'
@@ -427,7 +427,7 @@ export const getModule = (appPath: string, {
  },
  script: scriptRule,
  template: {
- test: REG_TEMPLATE,
+ test: getMergeLoaderTemplateReg(fileType.templ),
  use: [getFileLoader([{
  useRelativePath: true,
  name: (resourcePath: string) => {

packages/taro-webpack5-runner/src/webpack/MiniWebpackModule.ts

@@ -1,12 +1,12 @@
 import {
+ getMergeLoaderTemplateReg,
  isNodeModule,
  recursiveMerge,
  REG_CSS,
  REG_LESS,
  REG_SASS_SASS,
  REG_SASS_SCSS,
- REG_STYLUS,
- REG_TEMPLATE
+ REG_STYLUS
 } from '@tarojs/helper'
 import { cloneDeep } from 'lodash'
 import path from 'path'
@@ -88,7 +88,7 @@ export class MiniWebpackModule {
  script: this.getScriptRule(),
 
  template: {
- test: REG_TEMPLATE,
+ test: getMergeLoaderTemplateReg(fileType.templ),
  type: 'asset/resource',
  generator: {
  filename ({ filename }) {