Magic-Loader

$3

html


  
  react
      content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

  

    
    {{HTML}}

`$3`

`javascript

const HtmlWebPackPlugin = require("html-webpack-plugin")

... new HtmlWebPackPlugin({ template:!!@lsky/magic-loader!${path.resolve(
__dirname,
"../index.html"
)}, filename: path.resolve(__dirname, "../dist/index.html"), }) ...`

`$3`

javascript
import React from "react"
import ReactDOM from "react-dom"
import { renderToString } from "react-dom/server"
import App from "./app"
if (typeof global.document !== "undefined") {
  ReactDOM.render(, document.getElementById("app"))
}
// must be app
export const app = () => {
  const html = renderToString()
  return html
}

$3

No chunk

No externals

Magic-Loader

$3

html


  
  react
      content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

  

    
    {{HTML}}

`$3`

`javascript

const HtmlWebPackPlugin = require("html-webpack-plugin")

... new HtmlWebPackPlugin({ template:!!@lsky/magic-loader!${path.resolve(
__dirname,
"../index.html"
)}, filename: path.resolve(__dirname, "../dist/index.html"), }) ...`

`$3`

javascript
import React from "react"
import ReactDOM from "react-dom"
import { renderToString } from "react-dom/server"
import App from "./app"
if (typeof global.document !== "undefined") {
  ReactDOM.render(, document.getElementById("app"))
}
// must be app
export const app = () => {
  const html = renderToString()
  return html
}

$3

No chunk

No externals