fix: fit for watch mode and add some comments

Signed-off-by: lileirjyb <[email protected]>

Author: lilei946

packages/hap-compiler/src/style/process.js

@@ -141,7 +141,7 @@ function processImport(csscode, dir, log, depList) {
  * @param {String} filePath - 文件路径
  * @param {Array} depFiles - 使用到的资源集合
  */
-function processSingleClass(rule, jsonStyle, ruleResult, log, filePath, depFiles, options) {
+function processSingleClass(rule, jsonStyle, ruleResult, log, filePath, depFiles) {
   rule.declarations.forEach(function (declaration) {
     const subType = declaration.type
 

packages/hap-packager/src/plugins/card-plugin.js

@@ -72,7 +72,7 @@ class CardPlugin {
                 handledTemplateCardRes = postHandleJSCardRes(templateRes)
               }
 
-              // 用于修改 template 的 key 的 stringify 的顺序，type放第一个，children放最后一个
+              // 用于修改 template 的 key 的 stringify 的顺序，type 放第一个，children 放最后一个
               let templateKeys = []
               recordKeys(handledTemplateCardRes, templateKeys)
 

packages/hap-packager/src/plugins/card-script-handle-plugin.js

@@ -12,6 +12,11 @@ const PLUGIN_NAME = 'CardScriptHandlePlugin'
 const SUFFIX_UX = '.ux'
 const CARD_ENTRY = '#entry'
 
+/**
+ * 修改输出的 js 的内容：
+ * 1. 增加 $json_require$方法，用于配合引擎读取 template.json 的内容
+ * 2. style 通过 @info 来标记，用于配合引擎读取 css.json 的内容
+ */
 class CardScriptHandlePlugin {
   constructor(options = {}) {
     this.options = options || {}
@@ -163,6 +168,7 @@ class CardScriptHandlePlugin {
     }
     return relativeSrcPathStr
   }
+  // 通过匹配__webpack_require__('xxxx')中的值来获取组件名
   getCompPath(str, pathSrc) {
     const regex = /__webpack_require__\("([^"]+)"\)/
     const match = str.match(regex)

packages/hap-packager/src/plugins/remove-modules-plugin.js

@@ -18,7 +18,7 @@ class RemoveModulesPlugin {
 
   apply(compiler) {
     compiler.hooks.compilation.tap('RemoveModulesPlugin', (compilation) => {
-      // 在生成资源之前，遍历所有模块，删除 jscard 的 template 和 style 模块
+      // 在生成资源之前，遍历所有模块，删除 jscard 的 template 和 style 模块，保证输出的 js 中不包含 template 和 style
       compilation.hooks.optimizeModules.tap('RemoveModulesPlugin', (modules) => {
         modules.forEach((module) => {
           const { _source, request } = module
@@ -35,7 +35,7 @@ class RemoveModulesPlugin {
           }
         })
       })
-      // 在生成资源之前，遍历所有模块，删除 jscard 的 template 和 style 模块
+      // 在生成资源之前，遍历所有模块，删除 jscard 的 template 和 style 模块，保证输出的 js 中不包含 template 和 style
       compilation.hooks.optimizeChunks.tap('RemoveModulesPlugin', (chunks) => {
         chunks.forEach((chunk) => {
           const chunkGraph = compilation.chunkGraph

packages/hap-packager/src/post-handler/js-card-post.js

@@ -280,9 +280,9 @@ function isSimpleArr(exp) {
   }
 
   let res = true
-  // 检查所有[]匹配项是否全部为数字
+  // 检查所有[]匹配项是否全部为数字或常量字符串
   results.forEach((content) => {
-    if (!/^\d+$/.test(content)) {
+    if (!/^\d+$/.test(content) && !/^('|")(.*)\1$/.test(content)) {
       res = false
     }
   })

packages/hap-toolkit/src/gen-webpack-conf/index.js

@@ -193,8 +193,10 @@ export default async function genWebpackConf(launchOptions, mode) {
   globalConfig.isSmartMode =
     compileOptionsObject.splitChunksMode === compileOptionsMeta.splitChunksModeEnum.SMART
 
+  // JS 卡由于将js assets中template和style抽取出来，如果使用缓存会编译错误。故卡片不使用缓存。
+  const isCard = Object.values(entries).some((entry) => entry.indexOf('card=1') > -1)
   let cache =
-    isJest ||
+    (isJest ||
     isProduction ||
     compileOptionsObject.disableCache ||
     // 提取公共 css 时不支持使用缓存，toolkit 内部的 cssModule 不支持缓存
@@ -210,7 +212,7 @@ export default async function genWebpackConf(launchOptions, mode) {
             config: [__filename, path.resolve(__dirname, '../../package.json')]
           },
           version: TOOLKIT_VERSION + ''
-        }
+        }) && !isCard
 
   const webpackConf = {
     context: cwd,

packages/hap-toolkit/src/utils.js

@@ -108,7 +108,7 @@ export function resolveEntries(manifest, basedir, cwd) {
       sourceFile = './' + sourceFile + `?uxType=${type}`
       sourceFile = sourceFile.replace(/\\/g, '/')
       if (type === ENTRY_TYPE.CARD) {
-        sourceFile += '&card=1' // lite card
+        sourceFile += '&card=1' // card
         if (conf.type === 'lite') {
           sourceFile += '&lite=1' // lite card
         }