Comments (7)
https://github.com/vercel/next.js/tree/canary/packages/next-bundle-analyzer shows SOME of the modules involved (i.e. removing iconv-lite indeed shrank the bundle) but for some reason it covers only 1.5M instead of 7M
from fab.
@wizzard0 working on a new version, seeing sizes now ~1.7mb unminified, 800-900k minified. Can you let me know if it's compatible? Instructions:
yarn build:fab && ls -l .fab/build
Note existing size of server.js
yarn add https://pkg.csb.dev/fab-spec/fab/commit/b34a9815/@fab/actions https://pkg.csb.dev/fab-spec/fab/commit/b34a9815/@fab/core https://pkg.csb.dev/fab-spec/fab/commit/b34a9815/@fab/input-nextjs
yarn build:fab && ls -l .fab/build
Did a) build succeed and b) how big is server.js now?
If it did build, does fab serve
run it OK? Any routes now throw exceptions?
yarn fab build --minify && ls -l .fab/build
What's the final minified size?
from fab.
oops, for once I decided to give up on next and removed the repo, so no longer have the folder which produced 7M server.js :/
with another repo, I get 4.41M server.js > 2.36M after update > 1.2M with minification, but
a) succeeds
b) fab serve 'command fab not found'; npx fab serve:
[Server] 💎 fab serve 💎
[Server] Reading fab.zip…
[Server] ✔ Done. Booting VM…
ReferenceError: __dirname is not defined
npm ERR! code 1
npm ERR! path /mnt/c/dev/2021/P12/p1205-nextjs-fab-universal-pouch/p1205-fab-universal-pouch
npm ERR! command failed
npm ERR! command sh -c fab "serve"
So it does not start at all.
Also would appreciate equivalent npm lines because maybe it's because I use npm everywhere else and maybe messed up smth with mixing yarn\npm commands
from fab.
Oh. Found that repository.
- 7 > 2.05 > 1.08M, even better %)
- Linc preview works
fab serve
works- Linc CF deploy fails with ❤️{"result":null,"success":false,"errors":[{"code":10021,"message":"Uncaught ReferenceError: module is not defined\n at line 14049\n at line 6\n at line 7\n"}],"messages":[]}❤️
Command-line deploy with fab deploy
fails the same way.
from fab.
Generated server.js
(unminified) looks a bit weird
Is it really OK to concatenate modules this way?
UPD: BTW fab.zip has wrong CRCs making extracting files a bit difficult (but possible)
from fab.
Commented out module.exports
lines, got:
Error uploading the script, got response:
{"result":null,"success":false,"errors":[{"code":10021,"message":"Uncaught EvalError: Code generation from strings disallowed for this context\n at line 45148 in wrapfunction\n at line 45742 in populateConstructorExports\n at line 45508\n at line 30 in createCommonjsModule\n at line 45486\n at line 6\n at line 7\n"}],"messages":[]}
wow. after commenting that one out too, it deploys! and dynamic routes work!
how do I monkey-patch this?:)
from fab.
it's been a while... any updates?
from fab.
Related Issues (20)
- Nextjs userbase auth , fab deployment error
- Build issue: Node's own modules are being transpiled, which results in a broken build HOT 3
- Next.js build failing with final_responder plugin error HOT 4
- Preact bundling error HOT 1
- after first load not work nextjs api on cloudflare workers HOT 2
- How to rewrite assets for a relative path with CRA? HOT 2
- FAB Next.js build doesn't respect Next Build Configuration HOT 5
- Difference in behaviour locally vs AWS for server side relative redirects to public files
- Yarn Berry - missing transitive deps on init HOT 1
- Docs for how to monitor the resulting production app
- Issue with serve for a Nextjs project HOT 1
- NextJS static pages with dynamic routes results in oversized server.js HOT 15
- Flareact Consideration HOT 2
- Typescript Error for resolve() HOT 1
- TypeScript: Support for typechecking the `settings` object HOT 1
- Can we make HERE_NO_EVAL CF specific?
- Set-Cookie not respected in redirects HOT 4
- next12 HOT 1
- Is this project dead?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fab.