Open chulman444 opened 3 years ago
// webpack.confg.js snippet: rules: [ { test: /\.tsx?$/, exclude: /node_modules/, use: [ { loader: "babel-loader", options: { presets: ["@babel/preset-react"], plugins: [ "transform-react-pug", // "@babel/transform-react-jsx" ] } }, { loader: 'ts-loader' } ] } ]
With target: "es6" it works whether "@babel/transform-react-jsx" plugin is used or not.
target: "es6"
"@babel/transform-react-jsx"
// tsconfig.json { "compilerOptions": { "jsx": "preserve", // works whether `preserve` or `react` "target": "es5", // es5 doesn't work "strict": true, "module": "es2015", "moduleResolution": "node", "esModuleInterop": true, "allowSyntheticDefaultImports": true, "sourceMap": true, "allowJs": true, "baseUrl": ".", "paths": { "~/*": ["./*"] }, }, "exclude": ["./node_modules"] }
Is this an issue with babel or this plugin?
Document this maybe?
If there is a workaround, I would love to know. Spent some time trying to fix this one character issue of changing 5 to 6...
5
6
With
target: "es6"
it works whether"@babel/transform-react-jsx"
plugin is used or not.Is this an issue with babel or this plugin?
Document this maybe?
If there is a workaround, I would love to know. Spent some time trying to fix this one character issue of changing
5
to6
...