#Webpack
I was thinking about XML, toml and JSON and I realised that they should be small. As long as they are small, they are readable and comprehensible.
Interestingly, XML scales a little bit better because it reminds you of the context when the context ends.
I really like some systems that incorporate inlining the code into their configs, but I'd prefer for it to go the other way — have configs in code.
The way #elixir and #webpack handle configuration is almost perfect.
https://github.com/sszczep/chrome-extension-webpack - build #chrome extensions the way you like, and package using #webpack and #babel. Great project https://www.linkedin.com/in/sszczep.
How webpack and WordPress packages interact. https://developer.wordpress.org/news/2023/04/how-webpack-and-wordpress-packages-interact/ #webpack #WordPressDev
My latest (and greatest) book, JavaScript All-in-One For Dummies, is available now!
Every junior developer or aspiring JS developer needs this book, imho.
The book teaches modern #JavaScript, how browsers work, using #VSCode like a pro, #Git, #prettier, #eslint, #vite, #webpack, #react, #vue, #svelte, #http, #jest, #node, #express, #mongodb, #mongoose, and finishes with a chapter on authentication with #jwt.
It took me 6 months to write and is over 800 pages.
Phew, I know why I hate setting up and maintaining build tool chains. TailwindCSS nested in PostCSS nested in Webpack and stuff like taht is not exactly what I would call fun, when coding.
Thanks to #Webpack, I was able to reduce my 130 kB #TypeScript web app to 280 kB in #JavaScript. 👍
Using embroider in #EmberJS, folks often ask, "How do I do build time transforms"?
✨The answer: *unplugin*. 🦾
Be resistant to changes in packagers.
Be ready for Vite 🥳
Docs here: https://github.com/unjs/unplugin
#JavaScript #unplugin #rollup #webpack #vite
Fucking #JavaScript
I have some functions in a module: https://github.com/pikesley/carbwire/blob/main/site/public/js/carbwire.js
Putting them in a nice module like this means I can write tests for them https://github.com/pikesley/carbwire/blob/main/site/tests/carbwire.test.js and pretend to be a proper software engineer
So my question is, HOW THE FUCK DO I USE THESE FUNCTIONS CLIENT-SIDE?
I have a horrible feeling the answer involves fucking #webpack or some shit
I'm looking for a #database of #software, #framework, #library and #plugin version where I can found for example which version of #webpack I can use with #angular8 and with which version of #typescript and #nodejs. ( #realWorld example 😅 ).
A bit like https://gist.github.com/LayZeeDK/c822cc812f75bb07b7c55d07ba2719b3
Any idea?
I just finished the final review of my new book (coming in May): JavaScript All-In-One For Dummies. This one has been my dream to write for over a decade, and I've been working on it for 10 months.
When I used to hire junior developers, I'd find myself (and them) overwhelmed with how much they had to know to be to be productive. This book addresses that.
#JavaScript #Git #vscode #React #Vue #Svelte #ESLint #Jest #Node #webapi #express #mongodb #webpack #babel #vite #rest #jwt #micdrop
#Development #Overviews
The most popular build tools for front-end developers in 2023 · Key features and benefits of the top build tools for web development https://ilo.im/11g6au
_____
#WebDevelopment #WebDev #Frontend #Workflow #Collaboration #Automation #Tool #BuildTool #Compiler #Bundler #TaskRunner #JavaScript #TypeScript #Esbuild #Lerna #Nx #Parcel #Rollup #Rome #SWC #Turbo #Vite #Webpack
https://github.com/eddyerburgh/vue-test-utils-karma-example - getting #karma to work with #webpack (Vue, React, etc) is hard. Nice code sample https://twitter.com/EddYerburgh. Does this work with #Vue 3 CLI projects?
Spent the end of last week helping our frontend devs speed up their build/test/deploy times. I'm a bit rusty on #typescript and #javascript in general but it seems every year these systems add another layer of complexity. It's been a fun couple of days though poking around #yarn #webpack and #jest and hopefully the team are happy with significantly faster builds.
Ich richtete wiederwillig das alt-bekannte feature-creep-monster #webpack ein.
Ich war unglücklich ob der Performance.
Aber dann…
I have been using #Webpack for a few years now and have used it in 5 different commercial products and dozens of personal ones. It never fails to make me frustrated and feel like an idiot. Yet I keep coming back because it does everything I need..
Looking for a #PHP #developer fulltime in Germany for Remote. #Job Skill Level: mid DM me.
Techstack:
#PHP
#JS
#npm
#laravel
#bootstrap
#webpack
#docker
#WordPress
If nothing is working anymore in your #nextjs project and you see #Webpack #missing #module #error everywhere, get rid of some folders and reinstall the dependencies:
```
rm -fR .next node_modules
npm install
```
I just spend the last couple of hours to find out why my project was not working anymore after installing some dependencies… #cache for the win ❤️
Hey front-end dev 👩🚀!
Would you recommend using vite/rollup as opposed to vue-cli/webpack 5 for an app that is largely used by older mobile phone browsers? The documentation for supporting older browsers is clear but very short and almost seems like it’s not an expected use case.
So this is the "lite" version of the CBC News website. Can someone explain what all of the .js code is on this site? It uses Webpack for something but it all looks like it is... well I can't be sure to be honest.
Anyone have any insight?
Upgrading a Webpack4/React16 project to Webpack5/React18 ... the fun times begin... #javascript #reactjs #webpack
How in the world can I bundle a library in #webpack ?
Heres the situation: Im using sveltekit and have to use vite, a library I am using says to use webpack. I want to compile it in webpack(while keeping it in ts) so I can use it in my vite project to make a mastodon client.
Can someone help me convert this #webpack config to a #vite config. I really hope this lets me compile this lib for the browser. Any help is appreciated :blobcatheart:
https://github.com/h3poteto/megalodon/blob/master/example/browser/webpack.config.js
When using #babel to #transpile a #nodejs library, is there something you must configure for editor #IntelliSense to work when importing the library? The actual import map is working (I can use modules in my project) but class properties and methods don’t have any IntelliSense in #vscode and in #webstorm class properties are highlighted as “undefined“ (even though they work just fine).
#webdev #question #SoftwareDevlopment #development #bundler #webpack #javascript #typescript #vanillajs
Okay, #Angular and #Webpack Mastodon, I need help moving up from 13 to 15.
My CSS files are no longer supported by Angular. I'm trying to add loaders to process the files, but I keep getting weird errors from what I can only guess are Angular build artifacts.
I used custom-webpack-angular to add a config for loaders for CSS/scss files.
But I'm seeing errors where the sass loader doesn't understand what "imports" are, and the referenced stylesheet isn't actually what exists on disk.
I’ve gotten a sixth sense to tell when #webpack is going to crash due to a #MemoryLeak
@thatonecalculator #Webpack is a business requirement at this point.
But maybe a more direct question is, does the library need its own webpack config and should it be built before it's added as a dependency?
Should #NPM libraries handle #bundling themselves?
I'm working in a library for internal use. It will be acting as a utility wrapper for a larger #nodejs library and will be used in two main use cases #CreateReactApp and custom #Webpack projects. This is my first time building a utility library from scratch and was thinking of using Webpack to handle the bundling, tree shaking, and minification, and using #babel for transpiling.
Is this necessary or should this even be done?
Anyone familiar with webpack and css-loader? There is a release-critical bug that affects the shaarli Debian package:
https://bugs.debian.org/cgi-bin/bugreport.cgi?bug=1027401
https://alioth-lists.debian.net/pipermail/pkg-javascript-devel/2023-January/076468.html
Any advice would be appreciated.
#CSS #NodeJS #Javascript #Webpack #Debian #Packaging #Shaarli #FreedomBox
https://2022.stateofjs.com/en-US/
#webdev #javascript #stateofjs #stateOfJs2022
Observations: women are slowly increasing, #react #vite #esbuild #webpack #tauri #lodash #typescript
I questioned #chatGPT at first but yesterday I asked it to write me a #webpack config for an #npm library that would support #es6 important/export statements and it came out pretty much perfect. Did the same for a #manifest #v2 browser extension and that also worked.
Where it broke down was when I asked it to write me some #javascript to determine if a date-time string had a timezone. It would give me generic functions that would only work in specific situations. Even #AI can’t handle date-time
@cuboci @wiverson Basically we used to use #Babel to transpile #ES6 (and eventually #typescript) to the ancient version of JS that browsers could understand. That was combined with #Webpack to handle import/require weirdness. Now the world (#svelte) is moving to #swc and #vite since modern browsers can *almost* understand modern (#ESNext) javascript, but it's still all in flux :P
@cuboci @wiverson Sure... but technically the "easy" answers you're giving the #sveltekit wizard are getting handed off to #vite, #postcss, etc. via config magic. Again, you probably want something where the integrations are more intentional.
I guess if you really want to see how the sausage gets made, you should play with #vanilajs and #webpack, #vite, etc before even playing with a framework?
No matter what, I feel ya. There's no getting around the magic :P
From the Symfony book: To style like a pro, we will use a modern stack, based on Webpack. And to add a Symfony touch and ease its integration with the application, let's install Webpack Encore. https://symfony.com/doc/current/the-fast-track/en/22-encore.html #Symfony #Webpack
Which web development & frontend building tool do you prefer or do you go the classic old way with Webpack?
#webdev #buildtool #javascript #typescript #frontend #dev #webpack
Okay, nicht Perfekt, aber es reicht für einen ersten Release. Site-O-Mat ist ein #Webpack Plugin zum erstellen einer Website aus einer Markdown-Datei Struktur.
Entstanden ist es da ich einige Seiten zu aktualisieren zu habe, sich die Pflege über ein CMS aber nicht lohnt.
Ein anderer Grund ist, ein Tool zu haben für schnelle Websites die auch für den Betrieb weniger Energie benötigen.
https://gitea.node001.net/HerrHase/-/packages/npm/@helpers%2Fsiteomat-webpack-plugin/0.1.0
Has anyone else been getting frequent #memoryleak #errors with the #webpack #cli recently? I’m on version 4.10.0 of the CLI and 5.21.2 of webpack. I get them about three times a day at work when I’m making changes and using #HotReloading. I’m not sure what’s causing the leak (webpack, the CLI, or maybe #eslint?) but it’s really #annoying
"i love #webpack" is my codeword for "help i've been kidnapped" from now on, for future reference.
ok, now that I've decided to hell with #webpack now I gotta figure out how to get #caddy #CaddyServer reverse proxy to *always present every request as localhost* to the internal app. I think this should be... easy..ish but not quite there yet.
ugh going *nuts* trying to configure a #nodejs #webpack app to allow connections from any hosts (e.g. allowedHosts or disableHostCheck). NO IDEA where to put it -- every place I look online doesn't work. I realize it's unsafe, but this is 100% not publicly accessible and when it becomes public I will do things the Right Way
JavaScript-Bundler Turbopack: "Mit den Erfahrungen aus zehn Jahren Webpack"
I write #software for http://indeed.com (job search site) (previously employed by Amazon). I've written a lot of #database-backed #webservices in #Java, but in the last few years, I've been working on #microfrontend platforms in #JavaScript & #TypeScript, primarily supporting #React. I have more knowledge about #Webpack #ModuleFederation than anyone should be cursed with. I'd love to try #SolidJS, #RustLang seems really cool, and I'm excited about the future of #WebAssembly.
Webentwicklung: Build-Tool Parcel mit mehr Performance bei großen Anwendungen
We are looking for a #JavaScript Developer at Kinsta.
As part of our JS Development Team, you will be working with some of the most exciting JavaScript tools on the market to build our client-facing and internal tools.
Our stack:
#typescript #React, #nodejs #GraphQL, #SQL, #NoSQL, #Webpack, #Babel, #SWC, #Jest, #Storybook, #GitHub, #Docker, #Stripe
Check the job opening here: https://jobs.lever.co/kinsta/02849da6-5a65-4556-ba66-74e32c16f742?lever-via=44eKAsVAXN
Q for #React and #Webpack folks:
I want to build a website with some active elements (a couple sidebar / navbar widgets, plus active content on a few pages) and I like building React components using jsx so I want React's babel-Webpack workflow.
Trick is, I don't want to build the site as a monolithic create-react-app monstrosity, I want to build a more or less static (and/or page&post, at least as a fallback) site and embed bits of React in it.
Is there a toolset that already supports this?
Want to work at Signal? Yes the same company as the end-to-end encrypted messaging app. Desktop Engineer position is open.
#signal #sql #css #flexbox #sass #javascript #career #job #employment #webpack #typescript #privacy #engineer
https://jobs.lever.co/signal/559d7829-e53d-4f73-88e9-c11a43b7bbad
