webpack

学习笔记

Webpack4实战教程
Webpack5实战教程
webpack-loader
webpack-plugin

中文文档：

https://webpack.docschina.org

插件 | github | 描述

|- | - webpack-manifest-plugin | github| 将 manifest 数据提取为一个 json 文件以供使用 html-webpack-plugin |github | 生成HTML文件 mini-css-extract-plugin | github|用于将 CSS 从主应用程序中分离 webpack-bundle-analyzer | github | 它将 bundle 内容展示为一个便捷的、交互式、可缩放的树状图形式。 webpack-dev-server | github | 提供 live reloading 模式的开发服务器 terser-webpack-plugin | github | 使用 terser 来压缩 JavaScript css-minimizer-webpack-plugin | github| 使用 cssnano 优化和压缩 CSS

polyfill Promises

https://github.com/stefanpenner/es6-promise
https://github.com/taylorhakes/promise-polyfill

html

<script>
    async function sleep(time) {
        return new Promise(resolve => {
            setTimeout(() => {
                resolve();
            }, time);
        });
    }

    (async () => {
        // 延时3秒
        await sleep(3 * 1000);
        console.log('1s');
    })();
</script>

webpack ​

webpack