The latest version of react scaffolding is already installed by default
Exposing webpack configuration
The webpack configuration for react is hidden by default and encapsulated in the react scaffold package.
To add your own configuration, you need to expose the webpack file.
npm run eject
The default configuration file is ...
Posted on Sun, 05 Dec 2021 20:27:19 -0500 by tmayder
2021/12/2 1. vue file directory analysis
public folder: static resources. When webpack is packaged, it will be packaged into dist folder intact.
pubilc/index.html is a template file, which is used to generate the entry file of the project. JS and CSS packaged by webpack will also be automatically injected into the page. When our browser acces ...
Posted on Thu, 02 Dec 2021 22:07:01 -0500 by pytrin
Code separation is one of the most compelling features of web packs. This feature separates the code into bundles, which can then be loaded on demand or in parallel. Code separation can be used to obtain smaller bundles and control resource load priority, which can greatly reduce load time if used properly.
There are three common code sepa ...
Posted on Tue, 30 Nov 2021 20:26:08 -0500 by aeroswat
1. Processing resources - loader
At a higher level, in the conf ...
Posted on Tue, 30 Nov 2021 04:18:35 -0500 by Termina
What is a source map?
Source map is a mapping technology that provides post build code to source code. Errors in source code can be tracked according to this mapping.
Method for setting source map
We just need to add a configuration item in webpack.config.js.
Development environment: Eval sourc ...
Posted on Sat, 27 Nov 2021 19:14:02 -0500 by mrmachoman
Recently, the project needs to transform the original vue project in combination with the use of ts. this should be the development trend of medium and large-scale projects. I see a good introductory tutorial and expand it a little. This article explains from installation to vue component writing, which is suitable for getting started.
1. Intr ...
Posted on Sun, 07 Nov 2021 14:51:34 -0500 by Rithotyn
Some basic knowledge points of webpack
Entry: an entry that performs the first step of the buildModule: it will recursively find out all dependent modules from the configured EntryChunk: used for code splitting and mergingLoader: module converterPlugin: an extension that injects extension logic at a specific time to change the bu ...
Posted on Sat, 06 Nov 2021 07:48:11 -0400 by rbudj
WeChat official account: brother K crawler, QQ exchange group: 808574309, keep sharing crawler advance, JS/ Android reverse technology dry cargo!
All contents in this article are for learning and communication only. The packet capturing content, sensitive website and data interface have been desensitized. It is strictly ...
Posted on Sat, 06 Nov 2021 06:23:23 -0400 by tphgangster
1. What is routing?
Routing is the mapping relationship between path and component
one point one Why use routing?
-->In one page, switch business scenarios
Single page application (SPA): all functions are implemented on one html page
Front end routing function: realize business scenario switching
1.2 Routing - component ...
Posted on Sat, 06 Nov 2021 02:28:01 -0400 by bjblackmore