useBabel is not work!!!!

[printjs]

webpack

{
    test: /\.(ts|tsx)$/,
    loader: 'awesome-typescript-loader',
    options: {
          transpileOnly:true,
          useBabel:true
     },
},

.babelrc

{
    "presets": [
        ["env", {
            "targets": "last 2 versions, ie 11",
            "modules": false
        }]
    ],
    "plugins": [
        ["import", {
            "libraryName": "antd",
            "style": "css"
        }]
    ]
}

I do not import antd styles.Due to the babel-plugin-import is not work.

[printjs]

@s-panferov

[printjs]

who can help me?

[selfrefactor]

Try passing useBabel as 'awesome-typescript-loader?useBabel=true&useCache=true'. You can see it in this small snippets:

const entry = [
  'react-hot-loader/patch',
  'webpack-dev-server/client?http://localhost:8080',
  'webpack/hot/only-dev-server',
  './src/index.tsx',
]

const output = {
  filename : 'bundle.js',
  path     : __dirname + '/dev_dist',
}

const tsxLoader = [
  'react-hot-loader/webpack',
  'awesome-typescript-loader?useBabel=true&useCache=true',
]

const typescriptRule = {
  test    : /\.tsx?$/,
  loader  : tsxLoader,
  include : [ `${ __dirname }/src` ],
  exclude : [ /node_modules\/(?!(notify)\/).*/ ],
}

const rules = [
  typescriptRule,
  sourceMapRule,
  cssRule,
  lessRule,
]

module.exports = {
  entry   : entry,
  output  : output,
  plugins : plugins,
  resolve : { extensions : [ '.ts', '.tsx', '.js' ] },
  module  : { rules : rules },
}

The configuration is from https://github.com/selfrefactor/rx-starter

[indiejoseph]

+1