How webpack works

Directory Merge code Modular Webpack packaging The structure of webpack webpack source code addEntry and _addModuleChain buildModule Compilation hook Output build results Understand the implementation principles of webpack, master the basic workflow of webpack, and use webpack in daily life When encountering a problem, it can help us gain insight into the root of the […]

React technical principles and code development practice: Configuring and using Webpack in React projects

Author: Zen and the Art of Computer Programming 1. Background Introduction React is one of the most popular front-end frameworks at the moment, and some basic knowledge about it has been released on its official website. React developers are increasingly joining the ranks. There are a large number of articles involving React in many places, […]

When I tried to migrate the old project Webpack to Vite, I found that it was not so fragrant.

If you are interested in front-end eight-part essays, you can pay attention to the Gongzhong account: Code Farmer Supply Station, there is always the useful information you want. Background Recently, I made a collection of pain points and optimizable items in the front-end development process. Among them, the words “time-consuming to build and slow project […]

React technical principles and code development practice: from Webpack to Parcel

Author: Zen and the Art of Computer Programming 1. Background Introduction What is React? React is a JavaScript library for building user interfaces that was first released in September 2013. It was invented by Facebook engineer Jean Preact and open sourced in 2017. Its main features include declarative programming, component-based design, one-way data flow, etc., […]

Webpack builds a local server

1. Build webpack local service 1. Why build a local server? The code we have developed so far requires two operations in order to run: Operation 1: npm run build, compile the relevant code; Operation 2: Open the index.html code through the live server or directly through the browser, View the effect; Frequent operation of […]

Webpack entry and output

Gathering sand into a tower, making a little progress every day ? Column introduction Front-end Getting Started Tour: Exploring the Wonderful World of Web Development Welcome to the Front-End Getting Started Tour! If you are interested, you can subscribe to this column! This column is tailor-made for those who are interested in web development and […]

Use webpack5 to build VUE2 project

The five cores of webpack entry: Instructs Webpack which file to start packaging from Output: Instructs Webpack where to output the packaged files, how to name them, etc. Loader: webpack itself can only handle js, json and other resources. Other resources need to be parsed by loader. plugins: extend the functionality of Webpack mode (mode) […]

Is Webpack build as slow as a snail? Speed optimization tips to improve development efficiency!

Jiangcheng Cheerful Pea: Personal homepage Personal column :《VUE》《javaScript》 Personal website : “Jiangcheng Cheerful Pea” The ideal of life is for an ideal life! Table of Contents ? Column introduction Article introduction 1. Background 2. How to optimize Optimize loader configuration Proper use of resolve.extensions Optimize resolve.modules Optimize resolve.alias Using the DLLPlugin plug-in Package a DLL […]

Code splitting for Webpack

Gathering sand into a tower, making a little progress every day ? Column introduction Front-end Getting Started Tour: Exploring the Wonderful World of Web Development Welcome to the Front-End Getting Started Tour! If you are interested, you can subscribe to this column! This column is tailor-made for those who are interested in web development and […]

Webpack packaged pictures-js-vue

Article directory 1. Webpack packaged pictures 1. Preparation for loading image resources 2. Understand asset module type 3.Use of asset module type 4. The limit effect of url-loader 2. babel 1. Why babel is needed 2.Usage of babel command line 3.Use of babel plug-in 4.babel’s default preset 5.babel-loader 6.babel-preset 3. Load Vue files 1.Write App.vue […]