webpack.config.js

const HtmlWebpackPlugin = require("html-webpack-plugin")
const HtmlWebpackTagsPlugin = require("html-webpack-tags-plugin")

const isProduction = process.env.NODE_ENV === "production"

module.exports = {
  entry: __dirname + "/src/index.jsx",
  mode: process.env.NODE_ENV,
  output: {
    path: __dirname + "/dist",
    filename: "bundle.js",
  },
  devtool: "source-map",
  devServer: {
    https: true,
    contentBase: "./",
    disableHostCheck: true,
    public: "https://localhost:5000",
  },
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        include: __dirname + "/src",
        loader: "eslint-loader",
        enforce: "pre",
      },
      {
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/,
        use: { loader: "babel-loader" },
      },
      {
        test: /\.sass$/,
        use: ["style-loader", "css-loader", "sass-loader"],
      },
      {
        test: /\.svg/,
        use: {
          loader: "svg-url-loader",
          options: {},
        },
      },
    ],
  },
  resolve: {
    extensions: [".js", ".jsx"],
  },
  plugins: [
    new HtmlWebpackPlugin({
      title: "DatoCMS plugin",
      minify: isProduction,
    }),
    new HtmlWebpackTagsPlugin({
      append: false,
      publicPath: "",
      tags: [
        "https://unpkg.com/datocms-plugins-sdk@0.0.10/dist/sdk.js",
        "https://unpkg.com/datocms-plugins-sdk@0.0.10/dist/sdk.css",
      ],
    }),
  ].filter(Boolean),
}