yes, absolutely:

file structure:

src
|_  html
|   |_  index.html
|   |_  site2.html
|_  js
|   |_  index.js


node_modules

dist
|_  index.html
|_  html
|   |_  site2.html
|_  js
|   |_  index.bundle.js

webpack.config.js

postcss.config.js

index.html

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>...</title>
  <meta name="description" content="">
  <meta name="author" content="">
</head>

<body>
<a href="./site2.html"></a>
</body>
</html>

site2.html

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>...</title>
  <meta name="description" content="">
  <meta name="author" content="">
</head>

<body>
<a href="./index.html"></a>
</body>
</html>

index.js

console.log(test);

webpack.config.js

const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  entry: {
    index: ['./src/js/index.js'],
  },
  mode: 'development',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'js/[name].bundle.js'
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: './src/html/index.html',
      filename: './index.html',
    }),
    new HtmlWebpackPlugin({
      template: './src/html/site2.html',
      filename: './html/site2.html',
    }),
  ],
  devtool: 'source-map',
  module: {
    rules: [ 
      {
        test: /\.html$/,
        use: [
            {
              loader: "html-loader",
              }
            }
        ]
      },
      {
          test: /\.js$/,
          exclude: /node_modules/,
          use: "babel-loader"
      }
    ]
  },
};

Now, I would like the paths in <a href="..."></a> to be rewritten accoring to th filestructure in dist

Anchor tag rewriting without passing object to loader #2

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions