Detailed description of the whole process of Web pack loader configuration

Preface 1. The main purpose is to sort out the process from configuration to loading slightly. In addition, the detailed explanation of course to add some source code to enhance the style (my rookie, there are mistakes, please kindly correct) 2. The files packaged by WebPack are transformed into a mod ...

Posted by macmonkey on Wed, 25 Sep 2019 02:08:04 -0700

Build your own web pack development environment from 0

Last article: Front-end automated testing Another serial is coming! This time, we will introduce how to build a web pack development environment from 0, understand its internal mechanism and principle, so that we can master and use web pack more accurately. Let's begin with: 1. What is Webpack? Web pack is a static module bundler for modern Jav ...

Posted by binumathew on Mon, 16 Sep 2019 02:26:21 -0700

Parsing and Implementing a Simple webpack at a Glance

Previous Situation Review Understand the basic configuration of webpack at a glanceAdvanced configuration and optimization of Web pack at a glance 1. Introduction This paper mainly describes the working principle of web pack, its packaging process, step by step analysis of its packaging process, and then simulate the implementation of a simple ...

Posted by Perad on Tue, 10 Sep 2019 09:05:58 -0700

Self-cultivation of Full-time Engineers--Part I of vue

Self-cultivation of Full-time Engineers Part I of vue 1. Environmental Construction It is mainly to build nodejs environment, set up Taobao source and install cnpm. As mentioned in previous articles, it will not be repeated. Next, install the vue ...

Posted by olsrey on Tue, 10 Sep 2019 05:33:22 -0700

Understanding and Implementing the Hot Update Principle of Web Pack

Catalog What is HMR Use scenarios Configure to use HMR Configuring webpack Parsing the contents of packaged web packages Configuration of HMR HMR Principle debug server source code Simple implementation of server Server Debugging Phase debug client source code Simple Implementation of Client Client debugging phase problem summary ...

Posted by robster on Fri, 06 Sep 2019 02:03:36 -0700

A Kind of Automatically Generating Scheme for Developing More Friendly Front-end Skeleton Screen

(Horsehoneycomb technology original content, public ID: mfwtech) A study from Akamai found that after interviewing 1,048 online shoppers: About 47% of users expect their pages to load in two seconds. If the page load time exceeds 3 seconds, about 40% of users will choose to leave or close the page.   For a long time, in order to i ...

Posted by waterox on Thu, 05 Sep 2019 21:27:18 -0700

[Optimizing Thought and Scheme 03 of Front-end Carton] Notices for Upgrading Babel 7

babel document babel document babel's brief introduction, recommendation babel 7 Simple Upgrade Guide When upgrading webpack, we found that we need to upgrade babel. Recently, Babel has a larger update, Babel 7. babel simply translates the new syntax of es2015/2016/2017/2046 in JavaScript into es5, enabling low-end runtime environments such a ...

Posted by johnsworld on Thu, 05 Sep 2019 21:08:42 -0700

Introduction to React: From Web pack to react-router and state management

I. What is React What is React? React's official website is introduced as follows:React - JavaScript library for building user interfaces.It seems very concise. React just wants to provide a tool for building user interfaces, that is, it only cares about the UI level, not the data level, and the data level is left to a dedicated person (react-r ...

Posted by jayloo on Tue, 27 Aug 2019 06:04:39 -0700

Default Exports and Exporting bindings for the ES6 module

background The most popular module mechanisms for JavaScript are commonjs and ES6 modules.The two are not only syntactically different, but also when loaded. For example, commonjs is loaded at runtime and ES6 module is the compile-time output interface.Another important difference is that what commonjs exports is a copy of the value, while what ...

Posted by buducom on Wed, 21 Aug 2019 10:07:09 -0700

(Part 2) A short story of imitating the template of the series ___________ of `Vue Ecology'.

(Part 2) A short story of imitating the template of the series ___________ of `Vue Ecology'. This mission Continue: Complete the first unfinished'Hot Update'configuration. Core: Complete the relevant compilation of'template analysis'module, many articles on template analysis are too shallow, this time we will discuss in depth, as much as pos ...

Posted by dewed on Wed, 21 Aug 2019 02:08:35 -0700