HTML attribute mark

[2zH]

No description provided.

[2zH]

script[type="module"] script[nomodule]

<script type="module" src="xxx.js"></script>
<script nomodule src="xxx.legacy.js"></script>

支持 <script type="module"> 的浏览器，会识别 nomodule 属性，会自动忽略未使用 ES module 的代码。

不支持 <script type="module"> 的浏览器，会忽略加载带 type="module" 的 script 标签。同时也会忽略 nomodule 属性，直接加载未使用 ES module 标准的代码。

• 在 HTML 内实现 Loading 态或者骨架屏；
• 去掉外联 css；
• 缓存基础框架；
• 使用动态 polyfill；
• 使用 SplitChunksPlugin 拆分公共代码；
• 正确地使用 Webpack 4.0 的 Tree Shaking；
• 使用动态 import，切分页面代码，减小首屏 JS 体积；
• 编译到 ES2015+，提高代码运行效率，减小体积；
• 使用 lazyload 和 placeholder 提升加载体验。

from: https://zhuanlan.zhihu.com/p/37148975