A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/TommasoAmici/html-webpack-plugin-django below:

TommasoAmici/html-webpack-plugin-django: A Webpack plugin to output Django static tags with html-webpack-plugin

html-webpack-plugin-django

A template for Typescript projects

First, install the package

# npm install -D html-webpack-plugin-django
yarn add -D html-webpack-plugin-django

In your webpack.config.js file add the plugin after html-webpack-plugin. html-webpack-plugin-django will output Django static tags in the head and body of your HTML index file.

This plugin operates under a few assumptions:

  1. You have added the {% load static %} tag to your HTML template
  2. Your webpack bundle is emitted in one of your Django project's static files directories.

Example

const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const HtmlWebpackPluginDjango = require("html-webpack-plugin-django");

module.exports = (env, argv) => {
  return {
    output: {
      path: path.resolve("path/to/your/django/static/dist"),
      filename: "js/[name].[contenthash].js",
      publicPath: "/static/",
    },
    ...
    plugins: [
      new HtmlWebpackPlugin(),
      new HtmlWebpackPluginDjango({ bundlePath: "dist" }),
    ],
  };
};

Output

<script defer src="{% static 'dist/js/runtime.1198543abbf33da21374.js' %}"></script>

Please file a report in this repository's issues

If you want to contribute to this project, that's great to hear!

You can start at CONTRIBUTING.md.


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4