I'm making an Angular 12 (IE compatible) project where some of my dependencies in node_modules are non-es5.
In my understanding, tsc will not do any processing on node_modules, but will only retrieve main from angular.json ;Option starts evaluation.
While looking for options on how to do this, I saw a lot of suggestions to use babel, but I'm not sure
Should I mix babel with tsc. Or do I do away with tsc and just use babel via custom-webpack?
As I understand it, in all transpilations, the transpiled code goes into an output directory, but since I need to transpile the js files in node_modules, the output of these files should just replace them in Original files in node_modules? How do we achieve this?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
You can add specific overrides in
includein tsconfig.But when you package for the client, you usually don't include the dependencies as separate scripts, but let the packaging tool decide where to put them. You didn't mention what packaging tool you're currently using, but if you set
allowJS: true, Babel is not required - for example, the relevant changes to the Webpack config would be:{ test: /\.(js|ts)$/, exclude: /node_modules\/(?!(foo|bar)\/).*/, // 这一行However, if you want autofill, using
@babel/preset-envwith a Browserslist string is probably the best option.