一、安装
npm install webpack-bundle-analyzer --save-dev
"使用 Webpack 插件 webpack-bundle-analyzer 优化代码体积"继续阅读
npm install webpack-bundle-analyzer --save-dev
"使用 Webpack 插件 webpack-bundle-analyzer 优化代码体积"继续阅读
使用 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"继续阅读
JavaScript 篇幅略多 ★★★
读完时间:2020 年 8 月 20 日
出版时间:2020 年 1 月
"深入理解TypeScript – [澳]Basarat Ali Syed 著 / 郭文超 何小磊 柳星 徐野 译"继续阅读
Webpack 多页面 & GitLab 增量构建部署模板
每新建个独立的页面只需要在 pages
下面新建一个文件夹即可,但必须拥有两个入口文件 index.html
、index.js
。
"Webpack 多页面 & GitLab 增量构建部署模板"继续阅读
# npm npm init # git git init
npm i typescript --save-dev # 查看版本 npx tsc --version
tsconfig.json
npx tsc --init
"创建一个新的 TypeScript 项目"继续阅读
在开发一个 NPM 包时,常常需要用 rollup 打包,用 webpack 开发调试,处理环境变量的时候就需要兼容两种工具的打包方式。
"rollup 和 webpack 环境变量的设置"继续阅读