This plugin transform your CommonJS deps making them usable like ES6 modules in Ember. Many thanks to the Ember Browserify addon for the idea.
npm install --save broccoli-cjs-to-es6Suppose you have 2 cjs packages in node_modules called very-long-package-name and simple-pkg. In a standard node env you would use them like this:
// node env
const veryLongPackageName = require("very-long-package-name");
const simplePkg = require("simple-pkg");If you want to use them in ember just you can do something like this:
const browserifyTree = require("broccoli-cjs-to-es6");
module.exports = {
name: "awesome-addon",
treeForVendor(tree) {
return browserifyTree(tree, {
modules: [
{
module: "very-long-package-name",
resolution: "short-name"
},
"simple-pkg"
],
outputFile: "whatever-file-name.js"
});
},
included(app) {
app.import("vendor/whatever-file-name.js");
}
};Then in your Ember app you can access them like this:
import veryLongPackageName from "short-name";
import simplePkg from "simple-pkg";
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent