2021.12.05 Progress a little every day: Configure less-loader and css-modules in react

Dead work 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

Shangpinhui project notes

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

webpack Foundation: Code Splitting

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

webpack Basics: managing resources (image, css, fonts, csv, json5)

1. Processing resources - loader Webpack can only understand JavaScript and JSON files, which is the built-in capability of webpack out of the box. loader enables webpack to process other types of files and convert them into valid files modular , for use by the application, and added to the dependency graph. At a higher level, in the conf ...

Posted on Tue, 30 Nov 2021 04:18:35 -0500 by Termina

Core usage of source map, oneOf and cache in Webpack

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. devtool: "source-map" Select type Development environment: Eval sourc ...

Posted on Sat, 27 Nov 2021 19:14:02 -0500 by mrmachoman

Getting started with ts in vue project

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

Basic configuration of webpack5+vue3+vant

Some basic knowledge points of webpack Core concept 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

[JS reverse hundred examples] actual combat of non IIFE rewriting of a music network's separated webpack

WeChat official account: brother K crawler, QQ exchange group: 808574309, keep sharing crawler advance, JS/ Android reverse technology dry cargo! statement 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

Super full detailed Vue router routing

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

Vue_06_ Use Vue cli to build SPA project

1, Construction of SPA project through Vue cli scaffolding 1. Install Vue cli npm install -g vue-cli npm install -g webpack   After successful installation, the following files will appear:      D:\initPath           node-v10.15.3-win-x64             node_global               vue               vue.cmd                vue-init ...

Posted on Thu, 04 Nov 2021 22:50:07 -0400 by Collin