Since I have a monorepo project I need to do some fine tuning configuration for webpack, and I need to create different files.
For instance I need to create a webpack.react.common.js file, and I wanted to have a webpack icon for clarity.
I tried to change user settings like this but webpack is not among the recognized files association:
"workbench.iconTheme": "vs-seti",
"files.associations": {
"webpack*.common.js": "webpack"
},
"editor.codeLens": true
Is there a way to achieve this. I’m using vs-seti (as in the config)
2
With a little research, I found this documentation with some examples. So try out the following code snipped in your settings.json, to change the file-icon of webpack-js-files to webpack (based on this list, webpack is a supported icon):
"vsicons.associations.files": [{
"icon": "webpack",
"extensions": [
"webpack*.common.js"
],
"filename": true,
"format": "svg"
}]
Let me know, if that works!
3