Sunday, May 19, 2024
 Popular · Latest · Hot · Upcoming
111
rated 0 times [  115] [ 4]  / answers: 1 / hits: 16629  / 7 Years ago, fri, february 17, 2017, 12:00:00

How to disable in Webpack to rename of function names?
I have got in my code this name of class:



import { MenuBlocksMenuPage } from ../pages/menu/blocks/menupage;


But in compiled file the row becomes to unreadable string.



/* harmony import */ var __WEBPACK_IMPORTED_MODULE_73__pages_menu_blocks_menupage__ = __webpack_require__(669);


My question is:
What is the option in Webpack that can to disable the change of class or functions name?


More From » function

 Answers
21

I am running into the same issue, the TerserPlugin pointed to by Andrew Mackie's link will address the issue, but is also a pretty heavy solution. One option would be changing how the optimization setting in webpack works. A convenient approach (without having given in huge thought) would be:


optimization: {
minimize: true|false|"compress"|"preserve"
}


"compress" would remove white space but not mangle
"preserve" would minimize but not mangle function and class names


Here is the Terser configuration for webpack.conf:


optimization: {
minimize: true,
minimizer: [
new TerserPlugin({
terserOptions: {
keep_classnames: true,
keep_fnames: true
}
})
]
},


[#58893] Wednesday, February 15, 2017, 7 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
harleyterryp

Total Points: 290
Total Questions: 92
Total Answers: 95

Location: Montenegro
Member since Sun, May 7, 2023
1 Year ago
;