Talk about the common Plugin in webpack? What problem has been solved?

1, What is it Plug in (plug in) is a computer application that interacts with the main application to provide specific functions It is a program written according to a certain standard application program interface, which can only run under the system specified by the program, because it needs to call the function library or data provided b ...

Added by DJP1986 on Wed, 09 Feb 2022 11:44:51 +0200

The WebPack configuration file is extracted and stored

Separation of WebPack configuration files sketch Separate the configuration file to achieve the goal of relying on one configuration file when developing and one configuration file when publishing. When the amount of code in the configuration file is huge, this can effectively improve the cleanliness; All configuration mixed webpack con ...

Added by uknowho008 on Wed, 09 Feb 2022 03:21:55 +0200

How to upgrade webpack3 to webpack4?

This webpack upgrade has improved a lot of construction speed: production packaging has increased by 30%; Development and construction increased by 40%, and development and update increased by 70% We have tried some build optimizations based on webpack3 before, such as introducing HappyPack to optimize the build speed, opening loader ca ...

Added by gfmitchell on Wed, 09 Feb 2022 03:13:02 +0200

Various installations and configurations of webpack

1. What is webpack? Concept: webpack (module bundler) is a module loader and packaging tool. It can use and process various resources, such as JS (including JSX), coffee, style (including less/sass), pictures, etc. as modules. It can have all the basic functions of Grunt or Gulp.Purpose: package various dependent files into a series of static ...

Added by neville on Tue, 08 Feb 2022 15:51:15 +0200

build_ Construction process of process webpack

How to build webpack? 1, Operation process The running process of webpack is a serial process, and its workflow is to connect various plug-ins in series Events will be broadcast during operation. The plug-in only needs to listen to the events it cares about, and can join this webpack mechanism to change the operation of webpack and make th ...

Added by wayang_mbeling on Sun, 06 Feb 2022 20:55:55 +0200

[Use babel to handle ES6 syntax]

Using babel to handle ES6 syntax Index. Write some ES6 syntax in the JS file const arr = [ new Promise(() => { }), new Promise(() => { }), ] arr.map(item => { console.log(item) }) Package using the npx webpack command (webpack-dev-server is not used here because the packaged files are placed directly in memory, making ...

Added by susi on Thu, 03 Feb 2022 19:16:52 +0200

How to implement a min webpack?

Today, let's implement a simple packaging tool File dependency src ├─ a.js ├─ b.js ├─ c.js └─ index.js [external chain picture transfer failed. The source station may have anti-theft chain mechanism. It is recommended to save the picture and upload it directly (img-xxkfcw02-1643883138652)( https://raw.githubusercontent.com/nxl3477/md-img-sto ...

Added by heinrich on Thu, 03 Feb 2022 14:58:45 +0200

Using Vue JS build background management system

vue.js is the core * element UI is a support Vue JS UI component library * mock JS: since there is no back-end interface, you need to use local data to pretend to be back-end data. Technology stack vue.js+element UI+mock.js Initialize project use first vue-cli Initialize a project structure [if you haven't installed it yet vue-cli,S ...

Added by JakeTheSnake3.0 on Thu, 03 Feb 2022 11:43:54 +0200

The CDN of Vue3 series introduces dependent packages to optimize the packaging rate

be careful!!! be careful!!! be careful!!! This article is based on Webpack packaging I summary Benefits of using CDN Relieve the pressure on the server and allocate the requests when the first screen is loaded to other serversOptimize the packaged verdor JS too big problemSpeed up the first screen loadingSpeed up packaging In particul ...

Added by nitromaster on Thu, 03 Feb 2022 04:24:51 +0200

What are the means to improve the construction speed of webpack?

1, Background As more and more pages are involved in our project, more and more functions and business codes will be involved, and the construction time of the corresponding "webpack" will be longer and longer The construction time is closely related to our daily development efficiency. When we start devServer or build locally, if ...

Added by .Darkman on Tue, 01 Feb 2022 13:48:12 +0200