I have faced one problem during building the project with AGGrid community component.
In general a problem is regarding to compilation CSS which included into AGGrid. I tried several solutions but it didn't help.
Problem with this files, which should be included in the project (like import in TSX module or in the main app.scss file):
@ag-grid-community/styles/ag-grid.css
@ag-grid-community/styles/ag-theme-quartz.css
Depending where to specify these imports, various errors occur.
If specify this imports in the TSX module - so the build system shows an error on specific lines in the ag-grid.css file:
If I comment this lines in ag-grid.css file - build is green, but it's not correct solution, because I changed css from node_modules, this fix valid only for development process, and not valid for prod.
If specify this imports in the app.scss file - so the build system shows an error "asset size limit" (looks like module is very large and build system have a restriction for performance optimization):
[INFO] Compiled with warnings.
[INFO]
[INFO] asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
[INFO] This can impact web performance.
[INFO] Assets:
[INFO] 35.app.min.js (1.03 MiB)
[INFO]
[INFO] Δt 6812ms ⚠ 1 problem (0 errors, 1 warning)
I also tried change webpack performance configuration (I found this config in SQ github):
performance: {
maxEntrypointSize: 912000,
maxAssetSize: 9812000
}
I found a several projects on SQ github and all these projects use two approaches which I have already tried - importing CSS in TSX, or in the main app.scss file, and everything works, but it does not work for me. Although I checked all the configuration files line by line, found minimal differences, tried to apply them to live-trade-reco, but that didn't help either.
I have faced one problem during building the project with AGGrid community component.
In general a problem is regarding to compilation CSS which included into AGGrid. I tried several solutions but it didn't help.
Problem with this files, which should be included in the project (like import in TSX module or in the main app.scss file): @ag-grid-community/styles/ag-grid.css @ag-grid-community/styles/ag-theme-quartz.css
Depending where to specify these imports, various errors occur.
If specify this imports in the TSX module - so the build system shows an error on specific lines in the ag-grid.css file:
If I comment this lines in ag-grid.css file - build is green, but it's not correct solution, because I changed css from node_modules, this fix valid only for development process, and not valid for prod.
If specify this imports in the app.scss file - so the build system shows an error "asset size limit" (looks like module is very large and build system have a restriction for performance optimization):
I also tried change webpack performance configuration (I found this config in SQ github): performance: { maxEntrypointSize: 912000, maxAssetSize: 9812000 }
I found a several projects on SQ github and all these projects use two approaches which I have already tried - importing CSS in TSX, or in the main app.scss file, and everything works, but it does not work for me. Although I checked all the configuration files line by line, found minimal differences, tried to apply them to live-trade-reco, but that didn't help either.
What else can I try to fix this problem?