webpack - front end resource loading / packaging tool
preface
Webpack is a very powerful front-end resource loading / packaging tool. It can perform static analysis according to the dependencies of modules, and then generate static resources according to certain rules (the following contents are regulated in webpack 5) Official website
1, webpack installation
1. Initialize npm
npm init ...
Posted by silentg0d on Wed, 09 Mar 2022 12:58:57 +0100
Framework technology -- Vue's webpack
Vue framework
Vue3 Foundation: front end engineering, webpack, plugin, loader, Source Map
Vue framework is the hottest front-end framework at present. In order to cooperate with springBoot framework to complete the construction of a complete project in the later stage, we have shared the knowledge of Vue, such as ES6 modularization ...
Posted by Jim from Oakland on Mon, 07 Mar 2022 16:31:02 +0100
Configuration of source map in webpack
Know source map
Generally, the code actually running on the browser is the code packaged by front-end construction tools such as webpack. In the packaging process, the code will be compressed, confused and vilified, so this will lead to the difference between the code running on the browser and the source code we wrote in the development stage, ...
Posted by rougue on Sun, 06 Mar 2022 04:42:27 +0100
Using Cloud DB to build APP quick start - Web
summary
The data of the Web application will be stored on the cloud side, and the data will not be cached locally. During data management, you will directly operate cloud side data. The Web SDK will guarantee the communication and communication security between your application and cloud database.
This sample application demonstrates how to q ...
Posted by RClapham on Sat, 05 Mar 2022 20:55:11 +0100
Vue projects are rendered using SSR servers
Note: This is an article used by the author to record his own learning of SSR and sort out the process of server rendering of a project. This article is only the understanding of the reader according to the demo. If you want to learn how to deploy SSR through this article, the author suggests you consult other more authoritative materials for l ...
Posted by MelbourneFL on Sat, 05 Mar 2022 03:29:15 +0100
Write webpack plug-in: delete business files that are not dependent
backgroundThe SCRM project needs to be handed over to another department. Due to some considerations, the leader needs to retain the functions only needed by the other party, delete other functions, and then upload the code to the new warehouse address for handover.After communicating with the product manager, the following requirements were id ...
Posted by AshtrayWaterloo on Fri, 04 Mar 2022 11:23:56 +0100
Analysis of Web pack package js file
When using projects in webpack, we can use esModule, commonJS, and import(moduleName) for lazy module loading. How does webpack do all this?1. Preparation:1.1. Use webapck@4 webpack- cli@3"html-webpack-plugin": "4",
"webpack": "4",
"webpack-cli": "3"1.2 document structure1.3, webpack.config.jsconst path = require('path')
const HtmlWebpackPlugi ...
Posted by Codein on Fri, 25 Feb 2022 16:43:39 +0100
The difference between vue3 and vue2 (you don't know the details are all here)
Let's talk about the current market development and use. At present, there are still few enterprises using vue3 in 2021, and they are basically developed in the form of vue2. The development mode of vue3 is very similar to react. At this time, someone will think whether it is useful for me to learn vue3. Gan, he mews. Don't get excited and list ...
Posted by duhhh33 on Mon, 21 Feb 2022 12:49:20 +0100
Introduction to webpack and common loader s and plugin s for hematemesis finishing
In this era when inner volume is the king, inner volume culture has penetrated into all aspects of work and life. If you don't soar in the ocean of knowledge, you will drown in the ocean of knowledge. As a new generation of migrant workers, while IQ and diligence have been double crushed by the bosses of workers, in the face of the ever-changin ...
Posted by jassikundi on Mon, 21 Feb 2022 08:04:30 +0100
Basic usage and principle of SingleSpa micro front end
Let's talk about the disadvantages of singleSpa
Not flexible enough to dynamically load css filescss is not isolatedThere is no js sandbox mechanism (there is no global object, and the application switched every time is the same window)
The front-end micro touch can be used for a while qiankun micro front-end framework is very mature and i ...
Posted by the elegant on Sun, 20 Feb 2022 13:01:06 +0100