webpack advanced application: devServer

In the development environment, we often need to start a web service to facilitate us to simulate a user to access our web service from the browser and read our packaged products to observe the performance of our code on the client. Webpack 5 has such a built-in function. We only need a simple configuration to turn it on. Before that, we ne ...

Posted by konrados on Mon, 06 Dec 2021 05:51:43 +0100

Analysis of the whole process of Webapck5 core packaging principle

article You can find the starting address here , master the latest knowledge in one step!Write in frontWebpack can be regarded as a mainstay in the front-end construction tools. It can appear in any scene, such as daily business development, front-end infrastructure tools, advanced front-end interviews, etc.You may be confused about its interna ...

Posted by Misery_Kitty on Thu, 18 Nov 2021 06:42:16 +0100

Project final packaging optimization

Packaging Optimization - Overview Project development completed pack: Package with webpack (put. Vue,. JS,. Less --------- >. JS,. CSS,. HTML) The command npm run build is provided in the project Packaging Optimization: On the premise of ensuring the availability of functions, let our files be as small as possible On the premise of ...

Posted by web.designer.iq on Sun, 31 Oct 2021 10:59:41 +0100

Vue practice foundation arrangement

Vue practice foundation arrangement Recently, I was reading the project source code and systematically learning the classic development architecture of SpringBoot+Vue, but today I opened the back-end code I wrote before and found that many of them had forgotten, so I decided to stop and summarize the problems encountered this week for later re ...

Posted by pestilence669 on Thu, 28 Oct 2021 19:22:44 +0200

Learn webpack series 3 (output management)

Learn webpack series 3 (output management) Zero. Preface It's almost the National Day holiday! Have you found your favorite job when you are in the golden age! My daily life is similar to the following~ In short, I hope everyone can have a relaxed and comfortable National Day! Let's get to the point. So far, we have manually introduced a ...

Posted by MrKaraokeSteve on Tue, 28 Sep 2021 10:49:05 +0200

Great Webpack Construction Process Learning Guide

Recent original articles review: GreatTsconfig.jsonGuide Great Webpack HMR Learning Guide with Source Analysis Outside Story of Blob You Don't Know Outside of WeakMap You Don't Know Webpack is a hot front-end packaging tool and is essentially a static module bundler for modern JavaScript applications.When a Webpack processes an application, ...

Posted by sambkk on Mon, 22 Jun 2020 02:25:01 +0200

Vue property decorator

Introduction: In this section, we will continue to analyze a vue-property-decorator First of all, you can see an introduction of its official website: This library fully depends on [vue-class-component](https://github.com/vuejs/vue-class-component), so please read its README before using this library. ...

Posted by jodyanne on Mon, 15 Jun 2020 07:00:54 +0200

webpack configuration (step 4: html (template))

First look at the project structure: Create a new ejs directory under app, and the suffix of html file will naturally become ejs; The ejs file in the ejs directory is the principal file, In the generate directory, the spliced files are placed, The public directory places public files. Configuration premise: Introducing EJS loader $ cnp ...

Posted by jkeppens on Sun, 05 Apr 2020 18:14:51 +0200

webpack configuration (step 5: less/css (basic))

Download Plug-in: less plug-in installation $ cnpm install less less-loader --save-dev By the way, the css plug-in is also installed $ cnpm install css-loader style-loader --save-dev webpack.config.js loaders join , { test: /\.less$/, use: [ 'style-loader', 'css-loader', 'less-lo ...

Posted by zkoneffko on Fri, 03 Apr 2020 14:22:22 +0200

(CHER you up) Vue router

vue:Router route Cognitive routing Simple understanding 1. Terms in network engineering 2. Routing (Wikipedia): the activity of transmitting information from the source address to the destination address through the Internet Back-end routing The back end processes the mapping relationship betwee ...

Posted by Thuy on Fri, 06 Mar 2020 12:19:14 +0100