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