ember-cli-swc-minifier

ember-cli-swc-minifier

esbuild integration to ember-cli to minify your JavaScript.

Note that targeting ES5 is not supported.

Installation

• remove ember-cli-terser or ember-cli-ugfily

• pnpm add --dev @nullvoxpopuli/ember-cli-swc-minifier
  # or
  npm install --save-dev @nullvoxpopuli/ember-cli-swc-minifier
  

Usage

After installing ember-cli-swc-minifier it will automatically hook into the build pipeline and minify your JS files in production builds.

If you want to customize how ember-cli-swc-minifier is running terser under the hood you have several configuration options available:

// ember-cli-build.js

var app = new EmberApp({
  'ember-cli-swc-minifier': {
    enabled: true,

    exclude: ['vendor.js'],
    swc: { 
      /* 
        Optional SWC minify config goes here 
        https://swc.rs/docs/usage/core#minify
      */ 
    }
  },
});

Options

• enabled?: boolean: Enables/Disables minification (defaults to true for production builds, false for development builds)

• exclude?: string[]: A list of paths or globs to exclude from minification

• sourceMap: the ESBuild sourcemap option. false, by default. Can be: 'linked', 'external', 'inline', 'both', or false. See ESBuild's docs for more info

Source Maps

Source maps are disabled by default for production builds in Ember CLI. If you want to enable source maps for production builds you can configure that in your ember-cli-build.js too:

// ember-cli-build.js

var app = new EmberApp({
  sourcemaps: {
    enabled: true,
    extensions: ['js'],
  },
});

Contributing

Debugging this plugin can be done with

JOBS=1 NODE_OPTIONS="--inspect-brk" ember test -e production

and then visit chrome://inspect in Google Chrome. you'll want to place a debugger somewhere in the broccoli code (located at ./lib/broccoli) so that execution pauses near the code you want to inspect.

License

ember-cli-swc-minifier is licensed under the MIT License.