经过一系列的配置,使得TS和webpack已经结合到了一起,除了webpack,开发中还经常需要结合babel来对代码进行转换以使其可以兼容到更多的浏览器,在上述步骤的基础上,通过以下步骤再将babel引入到项目中。
步骤:
1.安装依赖包
npm i -D @babel/core @babel/preset-env babel-loader core-js
-@babel/core
babel的核心工具
-@babel/preset-env
babel的预定义环境
-@babel-loader
babel在webpack中的加载器
-core-js
core-js用来使老版本的浏览器支持新版ES语法
2.修改webpack.config.js配置文件
...略...
module: {
rules: [
{
test: /\.ts$/,
use: [
{
loader: "babel-loader",
options:{
presets: [
[
"@babel/preset-env",
{