Webpack: How to inject javascript into the HTML instead of separate JS file
Question
Is there a way to have webpack inject the output into the HTML instead of a separate file?
<html>
<head>
</head>
<body>
<script type="text/javascript">
// webpack puts the output here
</script>
</body>
</html>
1 answers
solution1
1 ACCPTED 2018-10-17 01:27:05
I had to use the html-webpack-inline-source-plugin . https://github.com/DustinJackson/html-webpack-inline-source-plugin
plugins: [
new HtmlWebpackPlugin({
inlineSource: '.(js|css)$' // embed all javascript and css inline
}),
new HtmlWebpackInlineSourcePlugin()
]
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
webpack: How to inject the JS chunks in the a YAML file
How can I pass a value from an input box (html file) to a javascript inject file (inject.js)?
Webpack inject js/css file content directly to index.html
Can I directly inject Javascript into an HTML file with Webpack?
html-webpack-plugin not inject js file into index.html when using webpack-dev-server
Html Webpack Plugin renders JS module instead of HTML file
Inject varables in css, html, js with Webpack
Webpack - Inject bundle file to existing html file
Inject JavaScript files inside Templates or HTML with webpack
Webpack inject scripts to index html file in production
Related Tags