fix: 修复在转换用 MIP 组件时，插入 JS 引用

xuexb · Mar 18, 2018 · 582bae1 · 582bae1
1 parent 06d4e0f
commit 582bae1
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 1 deletion.
diff --git a/lib/modules/audio.js b/lib/modules/audio.js
@@ -5,11 +5,17 @@
 
 'use strict';
 
+const util = require('../util');
+
 exports.process = function ($, config) {
     const html = $('body')
         .html()
         .replace(/<audio([^>]*)>([\s\S]*?)<\/audio>/ig, (match, attrs, tags) => {
             return`<mip-audio${attrs}>${tags}</mip-audio>`;
         });
     $('body').html(html);
+
+    if ($('mip-audio').length) {
+        util.insertExtensions($, 'mip-audio');
+    }
 };
diff --git a/lib/modules/form.js b/lib/modules/form.js
@@ -5,6 +5,8 @@
 
 'use strict';
 
+const util = require('../util');
+
 exports.process = function ($, config) {
     // 先替换属性
     $('body form').each((index, el) => {
@@ -21,4 +23,8 @@ exports.process = function ($, config) {
             return`<mip-form${attrs}>${tags}</mip-form>`;
         });
     $('body').html(html);
+
+    if ($('mip-form').length) {
+        util.insertExtensions($, 'mip-form');
+    }
 };
diff --git a/lib/modules/mip.js b/lib/modules/mip.js
@@ -8,7 +8,7 @@
 const isCDNpath = require('../util').isCDNpath;
 
 // 在删除无用 <script> 之后处理
-exports.level = 3;
+exports.level = -3;
 
 exports.process = $ => {
     // 注入 mip 属性

diff --git a/lib/modules/remove-script.js b/lib/modules/remove-script.js
@@ -7,6 +7,8 @@
 
 const isCDN = require('../util').isCDN;
 
+exports.level = -5;
+
 exports.process = $ => {
     $('script').each((index, el) => {
         const $el = $(el);

diff --git a/lib/util.js b/lib/util.js
@@ -41,3 +41,18 @@ exports.isCDN = str => /^(https:)?\/\/(c\.mipcdn\.com|mipcache\.bdstatic\.com)(\
  * @return {string}
  */
 exports.random = () => `m${cryptoRandomString(5)}`;
+
+/**
+ * 注入组件 JS 脚本
+ *
+ * @param  {Object} $    文档对象
+ * @param  {string} name 组件名
+ */
+exports.insertExtensions = ($, name) => {
+    const $script = $('body script[src]')
+        .filter((index, el) => exports.isCDNpath($(el).attr('src'), `/static/v1/${name}/${name}.js`));
+
+    if (!$script.length) {
+        $('body').append(`<script src="https://c.mipcdn.com/static/v1/${name}/${name}.js"></script>`);
+    }
+};