Включить теги JS (и CSS) в выводимый HTML-код из плагина Nunjucks (или загрузчика) - PullRequest
Новая
       21

Включить теги JS (и CSS) в выводимый HTML-код из плагина Nunjucks (или загрузчика)

0 голосов
/ 17 октября 2019

При использовании html-webpack-plugin плагин может внедрять теги JS (а также другие теги, такие как CSS и т. Д.).

При попытке использовать nunjucks-webpack-plugin (etal), я хотел бы иметь такой же уровень удобства.

Однако, когда я использую nunjucks-webpack-plugin (и другие), я не могу найти способ заставить Webpack внедритьтеги сценариев.

По общему признанию, я новичок в использовании Webpack, поэтому, возможно, мне не хватает чего-то фундаментального.

Я пробовал разные плагины и загрузчики в различных цепочечных порядках.

Используемые загрузчики и плагины: - nunjucks-loader - супер-nunjucks-loader - nunjucks-webpack-plugin

Вот пример типа цепочки, который я хотел бы использовать: 

const path = require("path");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const NunjucksWebpackPlugin = require("nunjucks-webpack-plugin");
const HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
  // ...
  entry: {
    index: "./src/index.js"
  },
  output: {
      path: path.resolve(__dirname, "dist"),
      filename: "[name].[hash].js"
  },
  // ...
  plugins: [
    new CleanWebpackPlugin(),
    new NunjucksWebpackPlugin({
      templates: [
        {
          from: "./src/index.njk",
          to: "_temp_.html"
        }
      ]
    }),
    new HtmlWebpackPlugin({
      template: "_temp_.html",
      filename: "index.html",
      chunks: ["index"]
    })
  ]
  // ...
};

Результатом будет HTML-код скомпилированного шаблона Nunjucks с тегом Javascript Script (), введенным ранее.

...