Search

Nalezeno "build tool": 24

Parcel CSS: A New CSS Parser, Transformer, and Minifier


Hot off the presses from Devon Govett, creator of Parcel, is Parcel CSS: A CSS parser, transformer, and minifier written in Rust. Nice. The CSS world could use a little processing shake up like this. I just wrote a … Parcel CSS: A New CSS Parser, Transformer, and Minifier originally...

Links on React and JavaScript II


How To Use The Vite Build Tool with React — Vite is hot, in part, because it’s based on esbuild and wickedly fast. It’s from Evan You of Vue fame, but it’s not a Vue-specific tool. Here, NARUHODO covers how … The post Links on React and JavaScript II appeared first...

“Disambiguating Tailwind”


I appreciated this bit of nuance from a post on Viget’s blog: There could be a whole article written about the many flavours of Tailwind, but broadly speaking those flavours are: 1. Stock tailwind, ie. no changes to the … The post “Disambiguating Tailwind” appeared first...

Distributed Persistent Rendering (DPR)


Like Jamstack, Netlify is coining this term. If your reaction is: great, a new thing I need to know about and learn, know that while Distributed Persistent Rendering (DPR) does involve some new things, this is actually a push … The post Distributed Persistent Rendering (DPR) appeared first...

Migrating from Parcel to Snowpack


I find build tooling endlessly interesting, especially right now as we’re in a juicy next-gen transitional period with players like Vite, wmr, Snowpack, and esbuild. Hugh Haworth has a good run-down of the new players, and we’ve chatted on … The post Migrating from Parcel...

Comparing the New Generation of Build Tools


A bunch of new developer tools have landed in the past year and they are biting at the heels of the tools that have dominated front-end development over the last few years, including webpack, Babel, Rollup, Parcel, create-react-app. These new … The post Comparing the New Generation of Build...

Through the pipeline: An exploration of front-end bundlers


I really like the kind of tech writing where a fellow developer lays out some specific needs, tries out different tech to fulfill those needs, and documents how it went for them. That’s exactly what Andrew Walpole did here. … The post Through the pipeline: An exploration of front-end...

Through the pipeline: An exploration of front-end bundlers


I really like the kind of tech writing where a fellow developer lays out some specific needs, tries out different tech to fulfill those needs, and documents how it went for them. That’s exactly what Andrew Walpole did here. … The post Through the pipeline: An exploration of front-end...

React Without Build Tools


Jim Nielsen: I think you’ll find it quite refreshing to use React A) with a JSX-like syntax, and B) without any kind of build tooling. Refreshing indeed: CodePen Embed Fallback It’s not really the React that’s the hard part … The post React Without Build Tools appeared first...

Continuous Performance Analysis with Lighthouse CI and GitHub Actions


Lighthouse is a free and open-source tool for assessing your website’s performance, accessibility, progressive web app metrics, SEO, and more. The easiest way to use it is through the Chrome DevTools panel. Once you open the DevTools, you will see a “Lighthouse” tab. Clicking the “Generate report”...

npm ruin dev


In 2020, I rediscovered the enjoyment of building a website with plain ol’ HTML, CSS, and JavaScript — no transpilin’, no compilin’, no build tools other than my hands on the keyboard. Seeing as my personal brand could be summed up “so late to the game that the stadium has been demolished,”...

Making My Netlify Build Run Sass


Let’s say you wanted to build a site with Eleventy as the generator. Popular choice these days! Eleventy doesn’t have some particularly blessed way of preprocessing your CSS, if that’s something you want to do. There are a variety of ways to do it and perhaps that freedom is part...

Get Programmatic Control of your Builds with Netlify Build Plugins


Today at Jamstack_Conf, Netlify announced Build Plugins. What it does is allow you to have particular hooks for events within your build, like when the build starts or ends. What’s nice about them is that they’re just a plain ‘ol JavaScript object, so you can insert some logic...

Netlify Build Plugins Announcement


Netlify just dropped a new thing: Build Plugins. (It's in beta, so you have to request access for now.) Here's my crack at explaining it, which is heavily informed from David Well's announcement video. You might think of Netlify as that service that makes it easy to sling up some static files from...

Why Parcel Has Become My Go-To Bundler for Development


Today we’re gonna talk about application bundlers — tools that simplify our lives as developers. At their core, bundlers pick your code from multiple files and put everything all together in one or more files in a logical order that are compiled and ready for use in a browser. Moreover, through...

Going Buildless


I'm in a long distance relationship. That means I’m on a plane to England every few weeks, and every time I'm on that plane, I think about how nice it would be to read some Reddit posts. What I could do is find a Reddit app that lets me cache posts for offline (I’m sure there is one out there),...

Split


Jeremy on the divide between the core languages of the web, and all the tooling that exists to produce code in those languages: On the one hand, you’ve got the raw materials of the web: HTML, CSS, and JavaScript. This is what users will ultimately interact with. On the other hand, you’ve got...

Angular, Autoprefixer, IE11, and CSS Grid Walk into a Bar…


I am attracted to the idea that you shouldn't care how the code you author ends up in the browser. It's already minified. It's already gzipped. It's already transmogrified (real word!) by things that polyfill it, things that convert it into code that older browsers understand, things that make...

Gulp for WordPress: Creating the Tasks


This is the second post in a two-part series about creating a Gulp workflow for WordPress theme development. Part one focused on the initial installation, setup, and organization of Gulp in a WordPress theme project. This post goes deep into the tasks Gulp will run by breaking down what each task...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace