Insert custom attribute in chunks with angular cli project

Question

i have a angular v11 solution with CLI. I've added this line in the angular.json to be able to extend the webpack with my custom implementation

 "customWebpackConfig": {
   "path": "config/webpack.dev.js",
   "replaceDuplicatePlugins": false
 }

And this is my custom webpack

 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const ScriptExtHtmlWebpackPlugin = require('script-ext-html-webpack-plugin');
 module.exports = {
    plugins: [
        new HtmlWebpackPlugin(),
        new ScriptExtHtmlWebpackPlugin({
            custom: {
                test: /\.js$/,
                attribute: 'data-ot-ignore'
            }
        }),
    ]
};

I want to add custom attribute in the index.html after the build is done. But the implementation above is not working.

This is what i want:

is it possible to do it? Thank you!

ubaldisney · Accepted Answer · 2022-09-07 09:21:09Z

0

I've ended up using IndexTransform

// add attribue to skip oneTrust blocking script
  indexHtml = indexHtml.replace('src="runtime', 'data-ot-ignore src="runtime');

return indexHtml;

answered Sep 7, 2022 at 9:21

ubaldisney

661 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Insert custom attribute in chunks with angular cli project

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related