mfk

.gitignore

+node_modules
+npm-debug.log
+.DS_Store
+
+*.zip
+
+yarn-error.log
+yarn.lock

.idea/.gitignore

+# 默认忽略的文件
+/shelf/
+/workspace.xml
+# 基于编辑器的 HTTP 客户端请求
+/httpRequests/

.idea/inspectionProfiles/Project_Default.xml

+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="HtmlRequiredAltAttribute" enabled="false" level="WARNING" enabled_by_default="false" />
+  </profile>
+</component>
\ No newline at end of file

.idea/modules.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/testspark317.iml" filepath="$PROJECT_DIR$/.idea/testspark317.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file

.idea/testspark317.iml

+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file

.idea/vcs.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file

project/config/HtmlJsToES5Plugin.js

+const babel = require('@babel/core');
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+
+class HtmlJsToES5Plugin {
+	process(htmlPluginData) {
+		return new Promise(function (resolve) {
+			const scriptRegExp = /<script>(.|\n)*?<\/script>/gi;
+			htmlPluginData.html = htmlPluginData.html.replace(scriptRegExp, function (match) {
+				const code = match.replace("<script>", "").replace("</script>", "");
+				const es5Code = babel.transform(code, { 'presets': ['@babel/preset-env'] }).code;
+				return `<script>${es5Code}</script>`;
+			});
+
+			htmlPluginData.plugin.options.inject = false;
+
+			resolve();
+		});
+	};
+
+
+	apply(compiler){
+		compiler.hooks.compilation.tap('HtmlJsToES5Plugin', (compilation) => {
+			HtmlWebpackPlugin.getHooks(compilation).afterTemplateExecution.tapAsync(
+				"HtmlJsToES5Plugin",
+				async (html, cb) => {
+					await this.process(html);
+					cb(null, html);
+				}
+			);
+		});
+	}
+}
+
+exports.default = HtmlJsToES5Plugin;
+module.exports = exports['default'];

project/config/webpack.common.config.js

@@ -9,6 +9,8 @@ const TerserPlugin = require("terser-webpack-plugin");
 const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
 const ProgressBarPlugin = require("progress-bar-webpack-plugin");
 
+const HtmlJsToES5Plugin = require("./HtmlJsToES5Plugin");
+
 
 module.exports = function (isProd) {
     const appPath = process.cwd();
@@ -142,6 +144,7 @@ module.exports = function (isProd) {
                 // cleanOnceBeforeBuildPatterns:['**/*', 'dist'] // 这里不用写 是默认的。 路径会根据output 输出的路径去清除
             }),
             new ProgressBarPlugin(),
+            new HtmlJsToES5Plugin(),
         ].filter(Boolean),
         optimization: {
             minimize: isProd,

project/public/index.html

@@ -9,6 +9,11 @@
   <script src="//yun.duiba.com.cn/js-libs/rem/1.1.3/rem.min.js"></script>
   <script src="//yun.duiba.com.cn/h5/lib/zepto.min.js"></script>
   <script>
+
+    let a = () => {
+      console.log(a);
+    }
+
     function getApp() {
       return {
         cloud: {},
@@ -17,7 +22,7 @@
       }
     }
 
-    let testFunc = ()=>{
+    let testFunc = () => {
       const str = 'hello';
       console.log(str)
     }
@@ -34,7 +39,7 @@
 
     CFG.appID = '${APPID}';
     if (!getUrlParam("appID")) {
-      alert("【警告】检测到活动url中没有appID参数\n缺少该参数会导致埋点、分享、app信息获取错误。")
+      // alert("【警告】检测到活动url中没有appID参数\n缺少该参数会导致埋点、分享、app信息获取错误。")
     }
   </script>
 </head>