inline-raw-source-plugin v1.1.0

  npm i --save-dev inline-raw-source-plugin

  yarn add --dev inline-raw-source-plugin

The plugin will generate a file that you set the entries in your webpack config. The current state just allows to generate html or cshtml file with using script tags. Just add the plugin to your webpack config as follows:

webpack.config.js

const InlineRawSourcePlugin = require('inline-raw-source-plugin')
module.exports = {
  entry: {
      main: 'index.js',
      inlineScript: 'inlineScript.js'
  },
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: '[name].js'
  },
  plugins: [
    new InlineRawSourcePlugin({
        chunkname: ["inlineScript"]
    })
  ]
}

This will generate a file dist/inline-source.html(default) containing the following

<script>{{your code}}</script>

⚠️ The file you want to generate is only allowed to write as ES5(without babel).

Allowed values are as follows:

Here's an example webpack config illustrating how to use these options

webpack.config.js

{
  entry: {
      main: 'index.js',
      inlineScript: 'inlineScript.js'
  },
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: '[name].js'
  },
  plugins: [
    new InlineRawSourcePlugin({
        chunkname: ["inlineScript"],
        filename: "output.html",
        path: path.resolve(__dirname, 'otherFolder'),
    })
  ]
}