使用webpack打包ts代码(1)

78 阅读1分钟

首先我们要安装先依赖

我用的是yarn安装的
yarn的优势主要是安装速度快,有两点:1、如果之前安装过这个包,那之后再用yarn安装时,不会再从网络下载,而是直接从缓存中获取。2、npm是同步下载的,是以队列的方式,一个包下载好才会下载下一个包;yarn是并发的,同时下载多个包。

这是安装到开发环境
yarn add [package] --dev

yarn add webpack webpack-cli typescript ts-loader --dev

这时候 在根目录创建一个webpack.config.js文件,并配置如下

image.png

再在根目录创建一个 tsconfig.json 文件,配置如下

image.png

在package.json文件添加一个build命令,用来执行 webpack 打包

image.png

这时候就可以在命令行输入 npm run build ,便可以打包成功了