❤
npm
Sign UpSign In

ember-cli-fallback-builds

0.0.8 • Public • Published

ember-cli-fallback-builds

Greenkeeper badge

This addon allow to have 2 builds (bundles) (for modern and legacy browsers) in one time.

(module, nomodule)

Modern Script Loading

Pre-RFC: Generate and serve ES2015 assets

Alternatives:

Compatibility

  • Ember.js v2.18 or above
  • Ember CLI v2.13 or above
  • Node.js v8 or above

Installation

ember install ember-cli-fallback-builds

Usage

Configure your config/targets.js:

process.env.BUILD_TARGET = LEGACY | MODERN

Example:

config/targets.js

const browsers = [
  'last 1 Chrome versions'
];
 
const isFallback = process.env.BUILD_TARGET === 'LEGACY';
 
if (isFallback) {
  browsers.push('ie 11');
}
 
module.exports = {
  browsers
};

run:

ember build:fallback --prod

check index.html

dist/index.html before:

<body>
    <script src="/assets/vendor.js"></script> 
    <script src="/assets/dummy.js"></script> 
</body>

after:

<body>
    <script src="/assets/vendor.js" type="module"></script> 
    <script src="/assets/dummy.js" type="module"></script> 
 
    <script src="/assets/vendor.fb.js" nomodule></script> 
    <script src="/assets/dummy.fb.js" nomodule></script> 
</body>

new files: vendor.fb.js, dummy.fb.js - legacy js bundles (for older browsers)

modern browser will load script[type="module"], older - script[nomodule]

done!

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.

Readme

Keywords

Package Sidebar

Install

npm i ember-cli-fallback-builds

Repository

github.com/lifeart/ember-cli-fallback-builds

Homepage

github.com/lifeart/ember-cli-fallback-builds#readme

Weekly Downloads

1

Version

0.0.8

License

MIT

Unpacked Size

18.1 kB

Total Files

13

Last publish

Collaborators

  • lifeart
Try on RunKit
Report malware