Running JS files in the public folder through Babel

toranb · October 23, 2017, 1:18am

@ousikaa I’ve used ember addons to transpile 3rd party code like this in the treeForAddon hook. In the example below I take the library redux saga and transpile it manually (explicitly telling ember-cli not to transpile as you can see on line 27)

github.com

ember-redux/ember-redux-saga-shim/blob/master/index.js#L22


      
          const reduxSagaPath = path.dirname(require.resolve('redux-saga/es/index.js'));
          let reduxSagaTree = this.treeGenerator(reduxSagaPath);
          
          
reduxSagaTree = new Funnel(reduxSagaTree, {
            include: [
              '**/*.js'
            ]
          });
          
          
let addon = this.addons.find(addon => addon.name === 'ember-cli-babel');
          reduxSagaTree = addon.transpileTree(reduxSagaTree, {
            babel: {
              plugins: ['transform-object-rest-spread']
            },
            'ember-cli-babel': {
              compileModules: false
            }
          });
          
          
reduxSagaTree = replace(reduxSagaTree, {
            files: ['**/internal/*.js'],

Topic		Replies	Views
Generating additional js file to be shared Ember CLI	0	583	November 23, 2017
Adding external js and css files in ember-cli	6	12673	February 10, 2017
External Javascript files Ember CLI	2	4711	March 11, 2015
How to compile files before ember creates ember-app.js file	2	1218	October 28, 2015
Location of custom javascript files Ember CLI	3	4820	September 30, 2014

Running JS files in the public folder through Babel

Related topics