mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-09-30 17:27:22 +08:00
Jan Scheffler
551be57016
DISABLE_THIRD_PARTY_CHECK=Update puppeteer requires type changes Bug: None Change-Id: Ifda85d161fc94567e4cfaaab0acc2da2f2c29d30 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2953266 Auto-Submit: Jan Scheffler <janscheffler@chromium.org> Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org> Reviewed-by: Tim van der Lippe <tvanderlippe@chromium.org>
Rollup Plugin import-meta-assets
Rollup plugin that detects assets references relative to modules using patterns such as new URL('./assets/my-img.png', import.meta.url).
The referenced assets are added to the rollup pipeline, allowing them to be transformed and hash the filenames.
How it works
A common pattern is to import an asset to get the URL of it after bundling:
import myImg from './assets/my-img.png';
This doesn't work in the browser without transformation. This plugin makes it possible to use an identical pattern using import.meta.url which does work in the browser:
const myImg = new URL('./assets/my-img.png', import.meta.url);
Install
Using npm:
npm install @web/rollup-plugin-import-meta-assets --save-dev
Usage
Create a rollup.config.js configuration file and import the plugin:
import { importMetaAssets } from '@web/rollup-plugin-import-meta-assets';
export default {
input: 'src/index.js',
output: {
dir: 'output',
format: 'es',
},
plugins: [importMetaAssets()],
};
Then call rollup either via the CLI or the API.
Documentation
See our website for full documentation.