Security News
Crates.io Implements Trusted Publishing Support
Crates.io adds Trusted Publishing support, enabling secure GitHub Actions-based crate releases without long-lived API tokens.
By Sarah Gooding - Jul 16, 2025
You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP →
html-inline-source-webpack-plugin
Advanced tools
html-inline-source-webpack-plugin
🔧A webpack plugin to inline source in html, wrapper of inline-source.
html-inline-source-webpack-plugin
🔧A webpack plugin to inline source in html, wrapper of inline-source.
Env
- Node - v4.7.0
- npm - 2.15.11
- webpack - ^1.14.0
Install
$ npm install html-inline-source-webpack-plugin --save-dev
Usage
webpack.config.js
// webpack.config.js
let HtmlInlineSourceWebpackPlugin = require('html-inline-source-webpack-plugin');
module.exports = {
/* Your config */
plugins : [
/* ... */
new HtmlInlineSourceWebpackPlugin(),
],
};
index.html
<!DOCTYPE html>
<html>
<head>
<title> index </title>
<link inline href="css/index.css" rel="stylesheet">
</head>
<body>
<script inline src="js/index.js" charset="utf-8"></script>
</body>
</html>
Notice
<script inline src="js/index.js" charset="utf-8"></script>
- Use
inlineattribute to inline source; - Ensure
srcorhrefis linked to a correct file.
Options
Default option
new HtmlInlineSourceWebpackPlugin()
Custom option
This option would apply to all files.
new HtmlInlineSourceWebpackPlugin({
option : {
compress : false,
rootpath : path.resolve('./dist'),
},
})
Custom option for different file
Use test to let different option apply to different files.
new HtmlInlineSourceWebpackPlugin([
{
test : /\bindex\.html$/,
option : {
ignore : 'script',
rootpath : path.resolve('./dist'),
},
},
{
test : /\bexample\.html$/,
option : {
ignore : 'css',
rootpath : path.resolve('./dist'),
},
},
{
/* This option would apply to the rest files */
option : {
ignore : ['script', 'css'],
rootpath : path.resolve('./dist'),
},
},
])
More option
see here.
Callback
new HtmlInlineSourceWebpackPlugin(function () {
console.log('inline source done!');
})
/* or */
new HtmlInlineSourceWebpackPlugin({
/* option */
}, function () {
console.log('inline source done!');
})
Related
- inline-source
- A plugin to inline source in html. You have to inline source after webpack manually.
- html-webpack-inline-source-plugin
- Depends
html-webpack-plugin, only inline source inheadorbody.
- Depends
- html-inject-webpack-plugin
- You have to define flag name in html. Only inline source which is in your
srcdirectory.
- You have to define flag name in html. Only inline source which is in your
- inline-resource-plugin
- Only inline source which is in your
srcdirectory.
- Only inline source which is in your
License
MIT
1.1.0 - Add Callback
- Invoke callback after inline source successfully.
FAQs
🔧A webpack plugin to inline source in html, wrapper of inline-source.
The npm package html-inline-source-webpack-plugin receives a total of 18 weekly downloads. As such, html-inline-source-webpack-plugin popularity was classified as not popular.
We found that html-inline-source-webpack-plugin demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Package last updated on 19 Dec 2016
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Related posts
Research
/Security News
Tracking Protestware Spread: 28 npm Packages Affected by Payload Targeting Russian-Language Users
Undocumented protestware found in 28 npm packages disrupts UI for Russian-language users visiting Russian and Belarusian domains.
By Olivia Brown - Jul 15, 2025
Research
/Security News
Contagious Interview Campaign Escalates With 67 Malicious npm Packages and New Malware Loader
North Korean threat actors deploy 67 malicious npm packages using the newly discovered XORIndex malware loader.
By Kirill Boychenko - Jul 14, 2025