glass-easel-miniprogram-webpack-plugin 1.0.0 → 1.1.0

package/index.js

@@ -155,6 +155,7 @@ class GlassEaselMiniprogramWebpackPlugin {
         this.resourceFilePattern = options.resourceFilePattern || /\.(jpg|jpeg|png|gif)$/;
         this.defaultEntry = options.defaultEntry || 'pages/index/index';
         this.customBootstrap = options.customBootstrap || false;
+        this.tagNamePrefix = options.tagNamePrefix || '';
         this.disableClassPrefix = options.disableClassPrefix || false;
         this.disableHostConversion = options.disableHostConversion || false;
     }
@@ -375,6 +376,7 @@ class GlassEaselMiniprogramWebpackPlugin {
                                 }
                                 else {
                                     x.options = {
+                                        tagNamePrefix: this.tagNamePrefix,
                                         classPrefix: styleSheetManager.getScopeName(compPath),
                                         disableHostConversion: styleSheetManager.disableHostConversion,
                                         setLowPriorityStyles: (s, map) => {
@@ -520,6 +522,7 @@ class GlassEaselMiniprogramWebpackPlugin {
           var env = new adapter.MiniProgramEnv()
           exports.env = env
           var codeSpace = env.createCodeSpace('', true)
+          codeSpace.getComponentSpace().updateComponentOptions({ hostNodeTagName: '${this.tagNamePrefix}*' })
           codeSpace.addStyleSheet('app', 'app')
           exports.codeSpace = codeSpace
           exports.genObjectGroups = ${tmplGroup ? tmplGroup.getTmplGenObjectGroups() : '{}'}

package/index.ts

@@ -43,6 +43,7 @@ type PluginConfig = {
   resourceFilePattern: RegExp
   defaultEntry: string
   customBootstrap: boolean
+  tagNamePrefix: string
   disableClassPrefix: boolean
   disableHostConversion: boolean
 }
@@ -185,6 +186,7 @@ export class GlassEaselMiniprogramWebpackPlugin implements WebpackPluginInstance
   resourceFilePattern: RegExp
   defaultEntry: string
   customBootstrap: boolean
+  tagNamePrefix: string
   disableClassPrefix: boolean
   disableHostConversion: boolean
   // eslint-disable-next-line @typescript-eslint/no-unsafe-call
@@ -196,6 +198,7 @@ export class GlassEaselMiniprogramWebpackPlugin implements WebpackPluginInstance
     this.resourceFilePattern = options.resourceFilePattern || /\.(jpg|jpeg|png|gif)$/
     this.defaultEntry = options.defaultEntry || 'pages/index/index'
     this.customBootstrap = options.customBootstrap || false
+    this.tagNamePrefix = options.tagNamePrefix || ''
     this.disableClassPrefix = options.disableClassPrefix || false
     this.disableHostConversion = options.disableHostConversion || false
   }
@@ -431,6 +434,7 @@ export class GlassEaselMiniprogramWebpackPlugin implements WebpackPluginInstance
                     loaders.splice(i, loaders.length - i)
                   } else {
                     x.options = {
+                      tagNamePrefix: this.tagNamePrefix,
                       classPrefix: styleSheetManager.getScopeName(compPath),
                       disableHostConversion: styleSheetManager.disableHostConversion,
                       setLowPriorityStyles: (s: string, map: string) => {
@@ -584,6 +588,9 @@ export class GlassEaselMiniprogramWebpackPlugin implements WebpackPluginInstance
           var env = new adapter.MiniProgramEnv()
           exports.env = env
           var codeSpace = env.createCodeSpace('', true)
+          codeSpace.getComponentSpace().updateComponentOptions({ hostNodeTagName: '${
+            this.tagNamePrefix
+          }*' })
           codeSpace.addStyleSheet('app', 'app')
           exports.codeSpace = codeSpace
           exports.genObjectGroups = ${tmplGroup ? tmplGroup.getTmplGenObjectGroups() : '{}'}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "glass-easel-miniprogram-webpack-plugin",
   "description": "The webpack plugin of the glass-easel project for MiniProgram file structure",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/wechat-miniprogram/glass-easel.git"
@@ -18,8 +18,8 @@
   "main": "index.js",
   "peerDependencies": {
     "webpack": "^5.101.3",
-    "glass-easel": "1.0.0",
-    "glass-easel-miniprogram-adapter": "1.0.0"
+    "glass-easel": "1.1.0",
+    "glass-easel-miniprogram-adapter": "1.1.0"
   },
   "dependencies": {
     "chalk": "4",
@@ -27,8 +27,8 @@
     "source-map": "^0.7.4",
     "webpack-sources": "^3.2.1",
     "webpack-virtual-modules": "^0.5.0",
-    "glass-easel-stylesheet-compiler": "1.0.0",
-    "glass-easel-template-compiler": "1.0.0"
+    "glass-easel-stylesheet-compiler": "1.1.0",
+    "glass-easel-template-compiler": "1.1.0"
   },
   "scripts": {
     "build": "tsc -p .",

package/wxss_loader.js

@@ -6,8 +6,8 @@ const { StyleSheetTransformer } = require('glass-easel-stylesheet-compiler')
 
 module.exports = function (src, prevMap, meta) {
   const callback = this.async()
-  const { classPrefix, disableHostConversion, setLowPriorityStyles } = this.query
-  const sst = new StyleSheetTransformer(this.resourcePath, src, classPrefix, 750, !disableHostConversion)
+  const { tagNamePrefix, classPrefix, disableHostConversion, setLowPriorityStyles } = this.query
+  const sst = new StyleSheetTransformer(this.resourcePath, src, classPrefix, 750, !disableHostConversion, tagNamePrefix)
   setLowPriorityStyles(sst.getLowPriorityContent(), sst.getLowPrioritySourceMap())
   const warnings = sst.extractWarnings()
   if (warnings && warnings.length > 0) {