Vite (French for "fast", pronounced/vit/, pronounced the same as "veet") is a new front-end construction tool that can significantly enhance the front-end development experience. It mainly consists of two parts: A development server that provides rich built-in features based on native ES modules, such as astonishingly fast module hot updates (HMR). A set of build instructions that use Rollup to package your code and are pre configured to output highly optimized static resources for production environments. Vite aims to provide out of the box configuration, while its plugin API and JavaScript API bring high scalability and complete type support. Fast service startup Use native ESM files without packaging! Lightweight and fast thermal overload The ultimate fast module hot reload (HMR) regardless of the size of the application Rich features Support TypeScript, JSX, CSS, etc. out of the box. Optimized construction Pre configured Rollup build with optional "multi page application" or "library" modes Universal plugins Share the Rollup Superset plugin interface between development and build. Fully typed API Flexible API and complete TypeScript types.
Reading: 88 2024-11-16
FIS3 is a front-end oriented engineering construction tool. Resolve performance optimization, resource loading (asynchronous, synchronous, on-demand, preloading, dependency management, merging, embedding), modular development, automation tools, development standards, code deployment, and other issues in front-end engineering.
Reading: 45 2024-11-16
Parcel is a web application packaging tool, and its excellent developer experience sets it apart from other similar tools. Parcel utilizes multi-core processors to provide extremely fast speeds and does not require any configuration.
Reading: 69 2024-11-16
Rollup is a JavaScript module packager that can compile small pieces of code into large blocks of complex code, such as libraries or applications. Rollup uses new standardized formats for code modules, which are included in the ES6 version of JavaScript instead of previous specialized solutions such as CommonJS and AMD. The ES6 module allows you to freely and seamlessly use the most useful independent functions in your favorite library, without having to carry any unused code with your project. The ES6 module ultimately needs to be implemented natively by the browser, but Rollup currently allows you to experience it in advance.
Reading: 30 2024-11-16
NPM is the world's largest software registry. Open source developers from all continents use npm to share and reference software packages, and many organizations also use npm to manage private development. install npm install xxx uninstall npm uninstall xxx
Reading: 44 2024-11-16
Yarn is a package manager for your code. It allows you to use and share code from developers around the world, such as JavaScript. Yarn is able to complete these tasks quickly, safely, and reliably, so you don't have to worry about anything. Through Yarn, you can use solutions from other developers for different problems, making your development process simpler. If you encounter any problems during use, you can report them or contribute solutions. Once the issue is fixed, Yarn will update and keep in sync. Code is shared through packages (or modules). A package that contains all the code that needs to be shared, as well as a file that describes package information, is called packagejson.
Reading: 56 2024-11-16
Bower can manage files containing HTML, CSS, JavaScript, fonts, and even images. Bower does not connect or shrink the code or do anything else - it simply installs the correct version of the package and its dependencies that you need. Firstly, Bower obtains and installs software packages from various sources, responsible for searching, finding, downloading, and saving what you are looking for. Bower tracks these packages based on the Bower.json file. How to use the package is up to you to decide. Bower provides hook methods to facilitate the use of packages in tools and workflows. Bower has optimized for the front-end. If multiple packages depend on one package - such as jQuery - Bower will only download jQuery once. This is called flattening, which can reduce the size of page loading resources.
Reading: 54 2024-11-16
Lerna is a management tool used to manage JavaScript projects that contain multiple packages. Splitting a large code repository into multiple independent software packages is very useful for code sharing. However, if certain changes cross multiple code repositories, it will become cumbersome and difficult to track, and testing across multiple code repositories will quickly become very complex. To address these (and many other) issues, some projects will split the code repository into multiple packages and store each package in a separate code repository. However, projects such as Babel, React, Angular, Ember, Meteor, Jest, and many others contain multiple software packages and are developed in a single code repository. Lerna is a tool that optimizes the workflow of managing multiple package code repositories using Git and npm
Reading: 52 2024-11-16
Nunjucks Template Engine - A JavaScript specific, feature rich, and powerful template engine.
Reading: 74 2024-11-16
Pug, formerly known as Jade, is a robust, flexible, and feature rich HTML template engine. The process of writing code through indentation is relatively concise in writing.
Reading: 167 2024-11-16
DoT.js - the fastest and simplest JavaScript template engine
Handlebars is a simple template language. It uses templates and input objects to generate HTML or other text formats. The Handlebars template looks like regular text, but it comes with embedded Handlebars expressions. Semantic template Handlebars provides the necessary functionality to efficiently build semantic templates. Compatible with Mustache Handlebars is basically compatible with Mustache templates. In most cases, you can continue using your current template while using Handlebars. High speed execution Handlebars compiles templates into JavaScript functions. This makes Handlebars execute faster than most other template engines.
Reading: 70 2024-11-16