ngx-filepond | 🔌 A handy FilePond adapter component for Angular | File Upload library
kandi X-RAY | ngx-filepond Summary
kandi X-RAY | ngx-filepond Summary
A handy FilePond adapter component for Angular
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of ngx-filepond
ngx-filepond Key Features
ngx-filepond Examples and Code Snippets
Community Discussions
Trending Discussions on ngx-filepond
QUESTION
I'm trying to get my build much smaller to get my load time faster, but when I run
ng build --prod --aot --vendor-chunk --common-chunk --build-optimizer
and then run a lighthouse report from google dev tools
I get
what's odd is that it seems to have worked if I go into the dist folder to look at file sizes, which seem smaller that the lighthouse report.
So far to reduce the size by doing the following:
- Removed old/unused package.json entries
- changed all material imports to specific path like for paginator I'm importing now as
import { MatPaginator } from "@angular/material/paginator";
instead ofimport { MatPaginator } from "@angular/material/";
per the advice from other posts. - replaced moment with moment.min.js so that locales don't get added
- added brotli for text compression.
Also I want to mention because I don't know if it's relevant, but I don't have a webpack.config.js
file only a custom-webpack.config.js
for brotli. The only thing I edited in angular.json to get webpack working was this for brotli
ANSWER
Answered 2020-May-29 at 18:07Remove libraries like ngx-spinner, filepond etc. which are huge as they are not treeshakable. Also if you have not configured your server to serve gzip files, do that. It will give you huge reduction in size. Also pre gzip your js files after build my using a utility like gzip-all.
https://www.npmjs.com/package/gzip-all
Also change your server max cache policy to get caching benefits.
QUESTION
I'm following this tutorial and I'm trying to get brotli working with angular projectI created a ```custom-webpack.config.js file and put in the root directory where angular.json is located. (also tried src folder, but that didn't work) As soon as I update the angular.json file to
...ANSWER
Answered 2020-May-29 at 07:50Downgrade your @angular-builders/custom-webpack
, try this 8.4.1
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install ngx-filepond
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page