Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Update terser docs #4710

Merged
merged 2 commits into from Nov 11, 2022
Merged

Update terser docs #4710

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9656dcd
Update terser docs
nikolas Nov 9, 2022
2644f91
Merge branch 'master' into patch-1
lukastaegert Nov 11, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
6 changes: 3 additions & 3 deletions docs/04-tutorial.md
View file
Open in desktop
Expand Up @@ -242,18 +242,18 @@ _Note: Only the data we actually need gets imported – `name` and `devDependenc

Some plugins can also be applied specifically to some outputs. See [plugin hooks](guide/en/#build-hooks) for the technical details of what output-specific plugins can do. In a nut-shell, those plugins can only modify code after the main analysis of Rollup has completed. Rollup will warn if an incompatible plugin is used as an output-specific plugin. One possible use-case is minification of bundles to be consumed in a browser.

Let us extend the previous example to provide a minified build together with the non-minified one. To that end, we install `rollup-plugin-terser`:
Let us extend the previous example to provide a minified build together with the non-minified one. To that end, we install `@rollup/plugin-terser`:

```
npm install --save-dev rollup-plugin-terser
npm install --save-dev @rollup/plugin-terser
```

Edit your `rollup.config.js` file to add a second minified output. As format, we choose `iife`. This format wraps the code so that it can be consumed via a `script` tag in the browser while avoiding unwanted interactions with other code. As we have an export, we need to provide the name of a global variable that will be created by our bundle so that other code can access our export via this variable.

```js
// rollup.config.js
import json from '@rollup/plugin-json';
import { terser } from 'rollup-plugin-terser';
import terser from '@rollup/plugin-terser';

export default {
input: 'src/main.js',
Expand Down