Web Pack 1 beginner introductory tutorial

This article github warehouse address: https://github.com/Rynxiao/webpack-tutorial It contains all the code for this tutorial. If you think this article is well written, please give this warehouse a star: -D. 1. Introduction 1.1 What is webpack? webpack is a module bundler. webpack takes modules with dependencies and generates static assets re ...

Posted by qazwsx on Sat, 15 Jun 2019 00:18:26 +0200

Vue-hot-reload-api source code parsing

Vue-hot-reload-api source code parsing cause In recent years, the hot loading scheme of san framework is naturally necessary to learn from mature framework (peeping). Hot loading schemes are basically done by mainstream frameworks, and they are relatively mature. Most application developers will not be exposed to this part of things, so the cor ...

Posted by host78 on Sun, 02 Jun 2019 21:43:39 +0200

Use React, Electron, Dva, Webpack, Node.js, Websocket to quickly build cross-platform applications

Electron's star tup on github is now almost as much as React-native It feels bad that webpack updates stealthily every week. It's bad that Angular updates to 8. Vue will soon come out with a new version. 5G will be ready for commercial use this year. Huawei's system will come out too. RN hasn't been updated to the first version yet. There is a ...

Posted by digitalmustache on Sun, 02 Jun 2019 19:28:51 +0200

Web pack 2.0 to build react framework

Learning React, has been using the original scaffolding, create-react-app, but used for so long, psychological inevitably is not taste, after all, I have been a little knowledge of webpack, so I spent a day, read a lot of blogs, but most blogs are not unified, so I have not built up for half a day, and then I read the official website step by ...

Posted by rashu.dr on Sun, 26 May 2019 22:37:20 +0200

webpack: from introduction to real project configuration (2)

How to use webpack in a project Simple babel and webpack have been configured in the project to run npm directly run start At this point, you will find that the bundle.js is so large that it is certainly unacceptable, so the main purpose of the next chapter is to split individual files. Optimize projects for multiple files. Separation ...

Posted by aveach on Fri, 24 May 2019 02:00:52 +0200

Webpack from entry to abandonment

Preface Tips If you have used webpack and have been using webpack 1, please refer to Migration from v1 to v2 (v2 There is little difference between v3 and v3) Understand the content of version changes properly, and then read this article selectively. First of all, this article is based on the latest. webpack Version (i.e. v3.4.1) w ...

Posted by brucemalti on Mon, 20 May 2019 03:47:59 +0200

Vue Day One, Day Two

I. What is Vue.js Vue.js: A progressive framework for building user interfaces. The core library of Vue focuses only on the view layer. Installation: Vue.js provides an official command-line tool that can be used to quickly build large single-page applications. The tool provides out-of-the-box configuration of building tools, ...

Posted by Negligence on Sun, 19 May 2019 00:55:34 +0200

Installation and Configuration of Babel

Babel is actually a platform for compiling JavaScript, which compiles code to help you achieve the following goals: Let you use the latest JavaScript code (ES6, ES7...) It doesn't matter whether the new standard is fully supported by the browsers currently in use. Next, learn how to install Babel Babel is actually ...

Posted by watthehell on Sat, 18 May 2019 15:52:17 +0200

How do we migrate from ng1 to vue

The original technology stack ng1 + gulp + slim+ A backend management project for vue *2 + iframe This is a back-end management project created by back-end students because of the shortage of manpower itself. At first, gulp + ng1 is used to develop the project. At the same time, after the front-end takes over, in order to facili ...

Posted by alexander.s on Wed, 15 May 2019 10:08:14 +0200

Webpack 4.0 introductory learning notes

Initialization project Create project mkdir webpack4-democd webpack4-demo npm init -y install npm install webpack --save-dev Install the specified version npm install --save-dev webpack@<version> webpack 4 + version, you also need to install webpack-cli npm install webpack-cli --save-dev It is recommended to install webpack and webpack ...

Posted by zonkd on Tue, 14 May 2019 13:10:28 +0200