test: fix test file path

webdiscus · webdiscus · commit 4d188f5d99cc · 2024-03-13T13:12:11.000+01:00
diff --git a/test/cases/preprocessor-handlebars-helper-layouts/src/views/partials/context.hbs  b/test/cases/preprocessor-handlebars-helper-layouts/src/views/partials/context.hbs 
diff --git a/test/manual/use-css-in-scss/package.json b/test/manual/use-css-in-scss/package.json
@@ -0,0 +1,13 @@
+{
+  "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:../../..",
+    "prismjs": "^1.29.0",
+    "swiper": "^11.0.7"
+  }
+}
diff --git a/test/manual/use-css-in-scss/src/home.html b/test/manual/use-css-in-scss/src/home.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Home</title>
+    <link href="./style.scss" rel="stylesheet" />
+  </head>
+  <body>
+    <h1>Home</h1>
+  </body>
+</html>
diff --git a/test/manual/use-css-in-scss/src/style.scss b/test/manual/use-css-in-scss/src/style.scss
@@ -0,0 +1,6 @@
+// TEST: import css files form various node modules
+
+//@use 'prismjs/themes/prism-tomorrow.min'; // OK
+
+//@use 'swiper/swiper-bundle'; // <= NOT works, because it is BUG in node_modules/swiper/package.json
+@use 'swiper/css/bundle'; // <= works from `exports` field in package.json
diff --git a/test/manual/use-css-in-scss/webpack.config.js b/test/manual/use-css-in-scss/webpack.config.js
@@ -0,0 +1,63 @@
+const path = require('path');
+const HtmlBundlerPlugin = require('html-bundler-webpack-plugin');
+
+module.exports = {
+  mode: 'production',
+  //stats: 'normal',
+  stats: 'errors-warnings',
+
+  output: {
+    path: path.join(__dirname, 'dist/'),
+    clean: true,
+  },
+
+  plugins: [
+    new HtmlBundlerPlugin({
+      entry: {
+        index: './src/home.html',
+      },
+
+      js: {
+        filename: 'js/[name].[contenthash:8].js',
+        //filename: 'js/[name].js',
+      },
+
+      css: {
+        filename: 'css/[name].[contenthash:8].css',
+      },
+
+      //verbose: true,
+      hotUpdate: false, // test to disable auto-injection of hot-update.js files
+    }),
+  ],
+
+  module: {
+    rules: [
+      {
+        test: /\.(s?css)/,
+        use: ['css-loader', 'sass-loader'],
+      },
+
+      {
+        test: /\.(png|jpe?g|ico|svg)$/,
+        type: 'asset/resource',
+        generator: {
+          filename: 'img/[name].[hash:8][ext]',
+        },
+      },
+    ],
+  },
+
+  devServer: {
+    //hot: false,
+    static: {
+      directory: path.join(__dirname, 'dist'),
+    },
+    watchFiles: {
+      paths: ['src/**/*.*'],
+      options: {
+        usePolling: true,
+      },
+    },
+  },
+};
