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

Posted 2023-03-09

参考技术A

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开发编译环境。