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 }) {