EJS を読み込む方法 (ejs-html-loader) [Webpack]

EJS を読み込む方法 (ejs-html-loader)

ejs-html-loader

参考：

mcmath/ejs-html-loader: Webpack loader for rendering HTML from EJS templates – GitHub

ejs-html-loader – npm

使い方

ejs-html-loader の出力を html-loader に読み込ませる

module: {
  rules: [
    // ...
    {
      test: //,
      use: [
        'html-loader',
        'ejs-html-loader'
      ]
    },
    // ...
  ]
},
plugins: [
  new HtmlWebpackPlugin({
    filename: 'index.html',
    template: 'src/index.ejs'
  })
]

参考：

webpack で静的サイトジェネレータ EJS 編 – Qiita

Get compiled asset path · Issue #11 · mcmath/ejs-html-loader – GitHub

Webpack 4

参考：

update dependencies · Issue #16 · mcmath/ejs-html-loader – GitHub

HtmlWebpackPlugin

参考：

html-webpack-plugin/template-option.md at master · jantimon/html-webpack-plugin – GitHub

How to get both EJS compilation and html-loader in html-webpack-plugin? – Stack Overflow

ejs-render-loader

参考：

tracker1/ejs-render-loader: EJS loader for webpack (without frontend dependencies) – GitHub

ejs-render-loader – npm

webpack で ejs を使い、共通要素をインクルードして効率的にやりたいよね。| shigeki.takeguchi.log

webpack using the ejs loader – Stack Overflow

ejs-compiled-loader

参考：

bazilio91/ejs-compiled-loader: EJS loader for webpack (without frontend dependencies) – GitHub

ejs-compiled-loader-webpack4 – npm

Cool Things with Webpack – Jake Tripp – Medium

EJS + htmlWebpackPlugin + ejs-compiled-loader. Can’t make nav list using loop, getting TypeErrors – Stack Overflow

ejs-loader

参考：

okonet/ejs-loader: EJS (Underscore/LoDash Templates) loader for webpack – GitHub

HTMLPlugin EJS and `html-loader` · Issue #138 · webpack-contrib/html-loader – GitHub

ejs-webpack-loader

参考：

rorkflash/ejs-webpack-loader: EJS loader for webpack (without frontend dependencies) – GitHub

ejs-webpack-loader – npm