Webpack SSI loader
This is a very simple implementation of SSI to be used with as a webpack loader in development mode.
Currently only the block and include directives are supported:
<!--# block name="shush" --><!--# endblock -->
<!--# include virtual="/includes/new/pre/async" stub="shush" -->
Inside your webpack.dev.config.js file just add the reference to ssi-loader:
// webpack.dev.config.jsmodule:rules:test: /\.html?$/use:loader: 'html-loader' // Used to output as htmlloader: 'ssi-loader'options:locations:"^/includes": "https://www.uswitch.com""^/widgets": "https://www.uswitch.com"
This will replace all SSI directives with the actual include content. The ssi-loader only handles the server side includes, in order to return a valid webpack source you can use the html-loader like shown in the previous example.