为了使页面加载更快，常常将一些不重要的第三方脚本在页面完成加载后进行懒加载。
// 做一些不影响业务的事情
window.addEventListener('load', () => {
// 懒加载埋点分析
loadScript({
url: 'https://www.domain.com/test.js',
timeout: 10000
}).then(() => {
console.log('ok');
}).catch(console.error);
// 其他
// ...
});"如何知道 window 的 load 事件已经触发"继续阅读
桌面端 PWA 应用：
"PWA 实践/应用（Google Workbox）"继续阅读
NPM 是 Node.js 默认的包管理工具，工作中常使用 npm i 来安装和更新依赖。
"npm i 和 npm ci 区别"继续阅读
npm install webpack-bundle-analyzer --save-dev
"使用 Webpack 插件 webpack-bundle-analyzer 优化代码体积"继续阅读
There's one more way to create a function. It's rarely used, but sometimes there's no alternative.
The syntax for creating a function:
let func = new Function ([arg1, arg2, ...argN], functionBody);"The "new Function" syntax[转]"继续阅读
使用 Webpack 搭建项目时会配置开发、测试、预发布、生产环境，这里面充斥着大量重复的配置，例如：入口、加载器等。webpack-merge 作为 Webpack 的配置合并工具，功能类似于 JavaScript 的 Object.assign()。
"使用 webpack-merge 合并 Webpack 配置"继续阅读
使用 ts-loader 在构建打包生产代码时面对重重问题，比如 Polyfill 的自动注入等，于是转变为用 Babel 来编译 TypeScript。
安装 Webpack 所必要的 Babel 依赖：
npm i @babel/cli @babel/core @babel/preset-env babel-loader --save-dev
"使用 Babel 编译 TypeScript"继续阅读
Webpack 多页面 & GitLab 增量构建部署模板
每新建个独立的页面只需要在 pages 下面新建一个文件夹即可，但必须拥有两个入口文件 index.html、index.js。
"Webpack 多页面 & GitLab 增量构建部署模板"继续阅读
CI（持续交付）是功能迭代后自动构建、打包、校验代码格式、跑单测、单测覆盖率，常见的就是 Webpack、Rollup、ESLint等。
CD（持续部署）是经过 CI 后，代码自动部署到服务器。
GitLab CI/CD 通 .gitlab-ci.yml 配置文件来部署。
cd project_path touch .gitlab-ci.yml
"使用 GitLab CI/CD 和阿里云 CLI 自动部署前端项目"继续阅读