Html-webpack-pos-plugin NPM

html-webpack-pos-plugin

transfer asserts to head and body by auto injecting

Example

Webpack Config

plugins: [
    new HtmlWebpackPlugin({
        // ... rest options
        chunks: ['remjs', 'vendor', 'index'],
        // html-webpack-pos-plugin 
        head: ['remjs'],
        body: ['vendor', 'index']
    }),
    new HtmlWebpackPosPlugin()
]

Result

<html>
<head>
    <script src="xxx/remjs.js"></script>
</head>
<body>
    ...
    <script src="xxx/vendor.js"></script>
    <script src="xxx/index.js"></script>
</body>
</html>

With Inline Plugin

plugins: [
    new HtmlWebpackPlugin({
        // ... rest options
        chunks: ['remjs', 'vendor', 'index'],
        // html-webpack-pos-plugin 
        head: ['remjs'],
        body: ['vendor', 'index']
        // html-webpack-inline-source-plugin
        inlineSource: 'remjs'
    }),
    new HtmlWebpackPosPlugin(),
    new HtmlWebpackInlineSourcePlugin()
]

htmlwebpackplugin

@everything-registry/sub-chunk-1869 @infinitebrahmanuniverse/nolb-html-w

1.0.1

6 years ago

1.0.0

6 years ago