webpack + typescript + babel打包*.min.js文件的环境配置

最新推荐文章于 2023-09-30 14:00:53 发布

weixin_30625691

最新推荐文章于 2023-09-30 14:00:53 发布

阅读量544

点赞数

文章标签： webpack javascript json ViewUI

原文链接：http://www.cnblogs.com/zczhangcui/p/11060545.html

版权

本文介绍了如何配置Webpack、TypeScript和Babel将多个.ts文件打包成一个.min.js文件。从初始化项目到安装依赖、配置tsconfig.json、.babelrc、webpack.config.js和package.json，再到打包过程，详细阐述了每个步骤。同时解释了为何在使用ts-loader后还需要使用babel-loader，因为ts-loader仅转换TypeScript为ES6，而babel-loader则负责转成ES5并处理polyfill。

摘要由CSDN通过智能技术生成

将多个.ts文件打包成一个.min.js文件的开发配置

1、初始化

npm init

新建以下文件目录：

2、安装依赖：

"devDependencies": {
    "@babel/core": "^7.4.5",
    "@babel/preset-env": "^7.4.5",
    "babel-loader": "^8.0.6",
    "ts-loader": "^6.0.3",
    "typescript": "^3.5.2",
    "webpack": "^4.35.0",
    "webpack-cli": &