@hackney/webpack-import-map-plugin

Import Map Webpack Plugin will produce an import-map of built files.

Usage

``js
const { ImportMapWebpackPlugin } = require("@hackney/webpack-import-map-plugin");

const webpackConfig = {
entry: {
main: "./src/index.js",
},
output: {
filename: "[name].[contenthash:8].js",
},
plugins: [
new ImportMapWebpackPlugin({
basePath: process.env.CDN_URL || "http://localhost:8000",
namespace: "@mtfh",
outputFilename: import-map.${process.env.APP_ENV || "development"},
}),
],
};
`

The above will produce an import-map with the following output:

`json
// dist/import-map.development.json
{
"imports": {
"@mtfh/main": "http://localhost:8000/main.74284023.js"
}
}
`

Options

$3

Must be a valid URL domain

$3

The namespace the outputted files belong to. e.g. @mtfh

$3

The name of json file to be generated. Defaults to import-map.json`