Category : webpack

Webpack configuration To view all document pages:Full stack developmentFor more information. Original link:Chapter 2 Configuration, the original advertising mode box block, reading experience is not good, so organize the text, easy to find. There are two ways to configure a Webpack: Describe the configuration through a JavaScript file, such as usingwebpack.config.jsConfiguration in file; When executing ..

Read more

Webpack optimization To view all document pages:Full stack developmentFor more information. Original link:Webpack optimization, the original advertising mode box block, reading experience is not good, so organize the text, easy to find. Optimize development experience Optimizing Construction Speed. When the project is huge, the construction time may become very long, and the time spent waiting ..

Read more

Webpack principle To view all document pages:Front-end development documentFor more information.Original link:Webpack principle, the original advertising mode box block, reading experience is not good, so organize the text, easy to find. Summary of working principle Basic concept Before understanding the principle of Webpack, we need to master the following core concepts to facilitate the following ..

Read more

Webpack appendix To view all document pages:Full stack developmentFor more information.Original link:Webpack principle, the original advertising mode box block, reading experience is not good, so organize the text, easy to find. Loaders in common use Load file raw-loader: Load the contents of the text file into the code, in3-20 Load SVGIt is introduced in. file-loader: ..

Read more

Based onvue-cliOptimizedwebpackConfiguration It can be roughly divided into the following points viaexternalsConfigure to extract common libraries and reference external chains ConfigurationCommonsChunkPluginExtract common codes (vue-cli(already done) Make good use ofalias(vue-cliPart of it is configured) EnableDllPluginAndDllReferencePluginPrecompiled library files happypackStart a multi-core build project willwebpack-parallel-uglify-pluginTo replacewebpackin-houseUglifyJSFor code compression confusion UpgradewebpackTo version 3.x onScope Hoisting externals Document addresshttps://doc.webpack-china.org … ..

Read more

Webpack has been popular for a long time, but many students are still confused when using webpack. When they see so many documents, various configurations, various loader and plugin, they immediately become confused. I am no exception, so that I have known little about the webpack for a long time. However, in order to continue ..

Read more

webpackIt’s about to be 5. Handwriting an optimized scaffold is an indispensable skill. The writing time of this article9 May 2019,webpackVersion4.30.0The latest version All my codes are written by hand and have been tested by myself to achieve the optimization effect. Welcome to my column”Advanced Front End”In the future, it will be high-quality articles from ..

Read more

Project address:https://github.com/jrainlau/markcook Demo address:http://jrainlau.github.io/markcook/ First of all, I’d like to introduce Markcook. As the name implies, it can be understood as “a pot for boiling markdown” … She is an open source, free, concise and efficient markdown editor, of course you can also use her as a local client. It’s very simple, efficient and has ..

Read more

Introduction Project address:https://github.com/jrainlau/MintloG(especially messy, just refer to-_-| |)MintloG is a private blog that I completely developed by myself within five days. The front-end technical scheme adopts the construction scheme of Vue+Vue-Router+Vue-Resource+Web Pack, while the back-end technology adopts native PHP+MySQL. Blog is completely realized by ajax and communicates with the background. The background only provides one ..

Read more