丁鹿学堂：webpack下使用ts开发编译

webpack结合ts使用

1.初始化webpack， npm init -y 生成滑者package.json 文件

自己加一个打包命令 "build": "webpack"

2.安装开发依赖 npm i -D webpack webpack-cli typescript ts-loader

3.自己创建配置文件webpack.config.js

4.创建tsconfig配置文件，这个相关配置在上个文脊樱章中已经介绍过了，我们只简单选择三项，开启严格樱让丛模式。

5.都配置好以后，再编译ts 就可以直接使用 npm run bulid 去编译了。

以上就是最简单的webpack打造的ts开发编译环境。

webpack打包分析图可视化老亩

webpack-bundle-analyzer

webpack.config.ts 采用ts文大含好件。执行：滚铅

webpack.config.ts 配置

new BundleAnalyzerPlugin(options?: object)

---