frontend:ie8

差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

--- frontend:ie8 [2016/10/30 18:28] – Add babel polyfill preset memory
+++ frontend:ie8 [2023/12/03 10:24] (当前版本) – 外部编辑 127.0.0.1
@@ 行 9: / 行 9: @@
   * [[https://github.com/scottjehl/Respond|Responsed]] 使IE8支持Media Query
   * [[https://github.com/bestiejs/json3|json3]] 使IE8支持完整的JSON操作
+  * [[https://github.com/mathiasbynens/jquery-placeholder|jquery-placeholder]] 使IE8支持input placeholder
+code snippet:
+<code html>
+<!--[if lt IE 9]>
+<script src="/js/console-polyfill.min.js"></script>
+<script src="/js/html5shiv.min.js"></script>
+<script src="/js/respond.min.js"></script>
+<script src="/js/es5-shim.min.js"></script>
+<script src="/js/es5-sham.min.js"></script>
+<script src="/js/json3.min.js"></script>
+<![endif]-->
+</code>
 ==== Babel preset ====
@@ 行 16: / 行 30: @@
   * [[https://babeljs.io/docs/plugins/transform-es3-property-literals/|transform-es3-property-literals]]
   * [[https://babeljs.io/docs/plugins/transform-es3-member-expression-literals/|transform-es3-member-expression-literals]]
+===== uglify-js =====
+<WRAP center round important 60%>
+使用uglify-js时，务必记得启用 ''--screw-ie8=false'' or ''--support-ie8'' 选项
+</WRAP>
+[[https://github.com/mishoo/UglifyJS2|UglifyJS2]] 2.7以上版本已经默认不再支持IE8了，因此需要启用 ''support-ie8'' 选项。
+//By default UglifyJS will not try to be IE-proof//
+影响范围最广的大概是 jQuery 了，因为默认不再支持IE8会使 [[https://github.com/jquery/jquery/blob/2d4f53416e5f74fa98e0c1d66b6f3c285a12f0ce/src/attributes/prop.js|jQuery 中的propFix失效]]，当然这个问题仅在自己uglify jQuery出现，继续用 ''jQuery.min.js'' 应该是没有问题的。
+webpack解决方法：
+<code javascript>
+new webpack.optimize.UglifyJsPlugin({
+  compress: {
+    warnings: false,
+    screw_ie8: false
+  },
+  mangle: { screw_ie8: false },
+  output: { screw_ie8: false }
+})
+</code>

frontend/ie8.1477823296.txt.gz · 最后更改: 2023/12/03 10:24 (外部编辑)