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