Package Exports
- @effortlessmotion/html-webpack-inline-source-plugin
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@effortlessmotion/html-webpack-inline-source-plugin) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Inline Source extension for the HTML Webpack Plugin
Enhances html-webpack-plugin
functionality by adding the {inlineSource: 'regex string'} option.
Warning: This module is a fork from https://github.com/dustinjackson/html-webpack-inline-source-plugin to support Webpack 5.
This is an extension plugin for the webpack plugin html-webpack-plugin (version 5 or higher). It allows you to embed javascript and css source inline.
Installation
You must be running webpack on node 10 or higher.
Install the plugin with npm:
$ npm install --save-dev html-webpack-inline-source-pluginBasic Usage
Require the plugin in your webpack config:
var HtmlWebpackInlineSourcePlugin = require('html-webpack-inline-source-plugin');Add the plugin to your webpack config as follows:
plugins: [
new HtmlWebpackPlugin(),
new HtmlWebpackInlineSourcePlugin()
] The above configuration will actually do nothing due to the configuration defaults.
When you set inlineSource to a regular expression the source code for any javascript or css file names that match will be embedded inline in the resulting html document.
plugins: [
new HtmlWebpackPlugin({
inlineSource: '.(js|css)$' // embed all javascript and css inline
}),
new HtmlWebpackInlineSourcePlugin()
] Sourcemaps
If any source files contain a sourceMappingURL directive that isn't a data URI, then the sourcemap URL is corrected to be relative to the domain root (unless it already is) instead of to the original source file.
All sourcemap comment styles are supported:
//# ...//@ .../*# ...*//*@ ...*/