如何解决为什么 webpack 5 bundle 包含非 typescript 目标功能,例如箭头功能?
我正在尝试编译以下代码:
// src/index.tsx
console.log(() => {})
当我在 "target": "es6"
中使用 tsconfig
时,我得到以下代码(一切正常):
(()=>{"use strict";console.log((()=>{}))})();
但是当我在 "target": "es3"
中使用 tsconfig
时生成的代码仍然包含一些箭头函数(ES3 不支持):
(()=>{"use strict";console.log((function(){}))})();
只转译我的代码而不转译自己的 webpack 生成的代码有什么意义?
这是我的 webpack 配置:
module.exports = {
mode: "development",devtool: "inline-source-map",entry: "./src/index.tsx",output: {
filename: "webpackbundle.js"
},resolve: {
// Add `.ts` and `.tsx` as a resolvable extension.
extensions: [".ts",".tsx",".js"]
},module: {
rules: [
// all files with a `.ts` or `.tsx` extension will be handled by `ts-loader`
{ test: /\.tsx?$/,loader: "ts-loader" }
]
}
};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。