Sass loader is integrated in the front end, and node sass reports errors
The final implementation method recommended here is a set of specific version configuration (personal test available)
When integrating sass syntax in today's project, the installation of SASS loader is very smooth, but there are problems when installing node sass. The errors are as follows:
npm ERR! code 1
npm ERR! path D:\Code\yuneban\code\v ...
Added by khjart on Tue, 08 Mar 2022 10:29:10 +0200
[Bao Zhen] my first webpack optimization, the first screen rendering from 9s to 1s
Hello, I'm Xiaobai. This article is based on vue2. It takes about 3 minutes to read the full text.When it comes to webpack optimization, most people may be tired of it. It's just those moves. I've read many similar articles before, but I haven't really started it. Here's what I practiced with the company's projects. The loading speed of the fir ...
Added by wattee on Sun, 06 Mar 2022 14:45:09 +0200
Basic use of ESLint
Meet ESLint
The purpose of linstatic is to avoid errors in the code when we run the code. The purpose of linstatic is to ensure that the code of linstatic can be analyzed uniformly without the help of linstatic, Maintain a consistent code style and improve the readability and maintainability of the code.
ESLint is similar to JSLint and JSHint b ...
Added by duny on Sun, 06 Mar 2022 05:50:19 +0200
webpack usage process
webpack workflow?
webpack overview
webpack is a popular front-end project construction tool (packaging tool), which provides functions such as code compression confusion, js compatibility, performance optimization and so on, so that programmers can focus on the specific function implementation.
webpack usage process
First, you need to in ...
Added by BioBob on Sun, 27 Feb 2022 13:52:26 +0200
Internationalization of react project: realizing automatic assembly scheme
This scheme provides a plug-in front-end project internationalization implementation scheme, which can support internationalization without supporting internationalization at the beginning for some reasons, and then support internationalization without modifying the original business code. Make use of construction tools to achieve the internati ...
Added by lancey10 on Tue, 15 Feb 2022 08:27:00 +0200
node.js introduction notes
A lot about node has been introduced earlier JS theoretical knowledge, but lack of practical combat. Actual combat is still more important. Therefore, I hope to record these basic knowledge and key points of actual combat of the project like thinkPHP before, which can be easily read by myself and shared with you. If there is anything wrong, ...
Added by Wesf90 on Mon, 14 Feb 2022 16:08:37 +0200
Dynamic loading and packaging of Web pack
webpack code splitting
webpack has two ways to organize module dependencies, synchronous and asynchronous. Asynchronous dependency is used as the segmentation point to form a new block. After optimizing the dependency tree, each asynchronous block is packaged as a file.
Context module
There are six types of context modules: sync / lazy / laz ...
Added by discosuperfly on Fri, 11 Feb 2022 15:12:12 +0200
Performance optimization of Web pack packaging tool
webpack Packaging Optimization
I won't explain more about what is webpack here. If you don't know, this article is not suitable for you to read now.
webpack5 basic configuration
Let's first look at a basic configuration, webpack based on webpack 5 confing. JS file.
/*
* webpack.confing.js
*/
const { resolve } = require("path");
const ...
Added by amity on Fri, 11 Feb 2022 08:47:32 +0200
tsc, babel and webpack processing of module import and export
Problem introductionMany react users may encounter such a problem when migrating from JS to TS:JS introduces react as follows:// js
import React from 'react'TS is like this:// ts
import * as React from 'react'If you directly change the writing method to JS in TS, when @ types/react is installed, the editor will throw an error: This module is de ...
Added by ditusade on Fri, 11 Feb 2022 06:02:17 +0200
Golden three silver four, those brain burning JS interview questions and principles
Q: Is JS code executed sequentially?
A: During the execution of JS code, it is necessary to promote variables first, and the reason why variable promotion is needed is that JS code needs to be compiled before execution
1. Variable promotion
Variable and function declarations will be stored in the variable environment, and the default v ...
Added by 9three on Wed, 09 Feb 2022 14:55:05 +0200