Generating additional js file to be shared


#1

I would like my Ember app to generate an extra javascript file that can be consumed by non-ember apps, so the code can be shared without creating an extra project just for it.

Inside the app, I create a public folder with two files, index.js and notifications.js to test if the pipeline is working:

/app
  /public
     index.js
     notification.js

And the files:

//notification.js
export function test(){console.log('test')}

//index.js
import {test} from "./notifications"; 

window.console.log('loading...');
$(document).ready(function()  {
  window.console.log('initializing...');
  window.test = test;
});

Then in ember-cli-build file I create as a new output:

// ember-cli-build
app.import('app/public/index.js', { outputFile: 'assets/public.js' });

The transpiling seems to be working ok, but just create a module out of index.js to be imported inside the app

  define('app/public/index', ['app/public/notifications'], function (_notifications) {
  'use strict';

  window.console.log('loading...');

  $(document).ready(function () {
    window.console.log('initializing...');
    window.test = test;
  });
});//# sourceMappingURL=public.map

How can I generate a lib that can be consumed directly in the browser?