Cfrgtkky

I Cannot seem to get rollup-plugin-babel to work in my typescript project.
The .ts code compiles and rollup packages, map files are generated but babel does not transpile it.

Also if I run npx babel lab.js --out-file lab-es5.js babel seem to work just fine.

This my rollup.config.js

import commonjs from 'rollup-plugin-commonjs';

import nodeResolve from 'rollup-plugin-node-resolve';

import typescript from 'rollup-plugin-typescript2'

import sourcemaps from 'rollup-plugin-sourcemaps';

import babel from 'rollup-plugin-babel';



var plugins = [

    nodeResolve({

        module: true,

        jsnext: true,

        main: true,

        preferBuiltins: false

    }),

    commonjs({

        include: 'node_modules/**',  // Default: undefined

        ignoreGlobal: false,  // Default: false

    }),

    typescript(/*{ plugin options }*/),

    babel({

        exclude: 'node_modules/**',

        runtimeHelpers: true

    }),

    sourcemaps()

];



export default [

    {

        input: 'src/lab.ts',

        plugins,

        output: {

            name: "TablePager",

            file: 'lab.js',

            format: 'iife',

            sourcemap: true

        }

    }

];

and this is my .babelrc

{

    "presets": ["@babel/preset-env"]

}

If you have any clues as to what I am doing wrong I am greatful.

Your .babelrc is missing @babel/preset-typescript. Try installing the package and adding it to the configuration:

{

    "presets": [

        "@babel/preset-env",

        "@babel/preset-typescript"

    ]

}

Checkout Microsoft's TypeScript-Babel-Starter and the rollup section.

import commonjs from 'rollup-plugin-commonjs';

import resolve from 'rollup-plugin-node-resolve';

import babel from 'rollup-plugin-babel';

import pkg from './package.json';



const extensions = [

  '.js', '.jsx', '.ts', '.tsx',

];



const name = 'RollupTypeScriptBabel';



export default {

  input: './src/index.ts',



  // Specify here external modules which you don't want to include in your bundle (for instance: 'lodash', 'moment' etc.)

  // https://rollupjs.org/guide/en#external-e-external

  external: ,



  plugins: [

    // Allows node_modules resolution

    resolve({ extensions }),



    // Allow bundling cjs modules. Rollup doesn't understand cjs

    commonjs(),



    // Compile TypeScript/JavaScript files

    babel({ extensions, include: ['src/**/*'] }),

  ],



  output: [{

    file: pkg.main,

    format: 'cjs',

  }, {

    file: pkg.module,

    format: 'es',

  }, {

    file: pkg.browser,

    format: 'iife',

    name,



    // https://rollupjs.org/guide/en#output-globals-g-globals

    globals: {},

  }],

};

.babelrc

{

  "presets": [

    "@babel/env",

    "@babel/typescript"

  ],

  "plugins": [

    "@babel/proposal-class-properties",

    "@babel/proposal-object-rest-spread"

  ]

}