test: add test for compile pug as template funciton imported in js

test/manual/watch-dependencies-import-js/package.json

@@ -0,0 +1,11 @@
+{
+  "description": "IMPORTANT: don't install webpack here because the Webpack instance MUST be one, otherwise appear the error: The 'compilation' argument must be an instance of Compilation.",
+  "scripts": {
+    "start": "webpack serve --mode development",
+    "watch": "webpack watch --mode development",
+    "build": "webpack --mode=production --progress"
+  },
+  "devDependencies": {
+    "html-bundler-webpack-plugin": "file:../../.."
+  }
+}

test/manual/watch-dependencies-import-js/src/index.pug

@@ -0,0 +1,7 @@
+html
+  head
+    title Test
+    script(src=require("./main.js") defer="defer")
+body
+  h1 Hello World!
+  p Change the content of an imported JS file.

test/manual/watch-dependencies-import-js/src/main.js

@@ -0,0 +1,4 @@
+// test in serv mode: change the content of the imported file
+import str from './module';
+
+console.log('>> main', { str });

test/manual/watch-dependencies-import-js/src/module.js

@@ -0,0 +1,2 @@
+// TODO: fix error after change this file in serv mode
+module.exports = 'Test 123';

test/manual/watch-dependencies-import-js/webpack.config.js

@@ -0,0 +1,47 @@
+const path = require('path');
+const PugPlugin = require('../../..');
+
+module.exports = {
+  mode: 'production',
+
+  output: {
+    path: path.join(__dirname, 'dist/'),
+    clean: true,
+  },
+
+  entry: {
+    index: './src/index.pug',
+  },
+
+  plugins: [
+    new PugPlugin({
+      js: {
+        filename: '[name].[contenthash:8].js',
+      },
+    }),
+  ],
+
+  module: {
+    rules: [
+      {
+        test: /\.pug$/,
+        loader: PugPlugin.loader,
+        options: {
+          method: 'render',
+        },
+      },
+    ],
+  },
+
+  // enable HMR with live reload
+  devServer: {
+    //hot: false,
+    static: path.join(__dirname, 'dist'),
+    watchFiles: {
+      paths: ['src/**/*.*'],
+      options: {
+        usePolling: true,
+      },
+    },
+  },
+};