ifdef-loader not reflecting in main.js

[naveenakn7122]

hi @nippur72 i installed ifdef-loader 2.3.0 to understand this package, but i see that its not really removing code in main.js , my changes below. logs during build clearly sharing message, but not reflecting main.js. can you please let me know what has went wrong here.

///// custom-webpack.config.js ///////

const opts = { myVal: 1, "ifdef-verbose": true, // add this for verbose output "ifdef-triple-slash": true, // add this to use double slash comment instead of default triple slash "ifdef-fill-with-blanks": true, // add this to remove code with blank spaces instead of "//" comments "ifdef-uncomment-prefix": "// #code " // add this to uncomment code starting with "// #code " }; module.exports = { module: { rules: [ { test: /.ts?$/, exclude: /node_modules/, use: [ { loader: "ts-loader" }, { loader: "ifdef-loader", options: opts } ] }, ] }

////// app.component.ts ///////

export class AppComponent { /// #if myVal==2 title: string = 'preprocessorexmple 1'; /// #endif /// #if myVal!=2 title1: string = 'preprocessorexmple '; /// #endif constructor() { } }

// verbose ng build ⠦ Generating browser application bundles (phase: building)...#if block lines [9-11]: Condition 'myVal==2' is FALSE. Excluding everything (src\app\app.component.ts) #if block lines [12-14]: Condition 'myVal!=2' is TRUE. Including lines [12-14] (src\app\app.component.ts)

///// main.js generated file ////// } } class AppComponent { /// #endif constructor() { /// #if myVal==2 this.title = 'preprocessorexmple 1'; /// #endif /// #if myVal!=2 this.title1 = 'preprocessorexmple '; } }