Post Top Ad

Your Ad Spot

domingo, 28 de junio de 2020

Compilación de TypeScript a través de webpack y babel-loader



ts-loadertiene un inconveniente: no podemos canalizar la salida de otro cargador; siempre lee el archivo original. Como babel-loadersolución alternativa , podemos usar para compilar TypeScript. Esta publicación de blog explica cómo.
package.json:
{
  ···
  "devDependencies": {
    "@babel/core": "^7.6.4",
    "@babel/preset-env": "^7.6.3",
    "@babel/preset-react": "^7.6.3",
    "@babel/preset-typescript": "^7.6.0",
    "babel-loader": "^8.0.6",
    ···
  },
  "babel": {
    "presets": [
      "@babel/preset-env",
      "@babel/preset-react",
      "@babel/preset-typescript"
    ]   
  }
}
Notas:
  • El orden de los preajustes parece importar. Mi configuración no funcionó si @babel/envvino después @babel/typescript.
  • preset-env: Asegúrese de obtener navegadores específicos y la inclusión de builtins correctos ( consulte la documentación ).
    • Por ejemplo, si transpila funciones asíncronas a JavaScript que ni siquiera usa generadores, entonces debe incluir el tiempo de ejecución del regenerador.
webpack.config.js:
module.exports = {
  ···
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        loader: 'babel-loader',
      },
      ···
    ],
  },
};

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas