Webpack 4 series of tutorials (16): development mode and production mode.

Author Click This is the last tutorial in the webpack 4 series. This article builds on all the previous tutorials and does a real webpack project! I spent three months sorting out this tutorial, perfecting the relevant sample code and becoming more familiar with the theory and application of webpack. Of course, thank you for your support. Okay ...

Posted by zurron on Fri, 10 May 2019 12:27:11 -0700

Using Webpack to Realize Multi-project Management of Small Programs

This is how the story begins. Front-end development brother Bingo receives the demand of product ladies and sisters, and has to go online with several small programs. Code Animal Brother Begins Architecture Miscellaneous small procedures, put a project to facilitate management There are many small programs, so the code should be reusable. Team ...

Posted by maniac1aw on Fri, 10 May 2019 10:38:01 -0700

On-demand loading of spa based on vue and react

On-demand loading of spa based on vue and react Since we are planning to use the same login method for all the management systems recently, and then switch the system after login, we don't need every system to re-login once, so the front-end side is thinking about building all the systems with a set of spa applications, but after t ...

Posted by MDanz on Fri, 10 May 2019 05:18:41 -0700

Using webpack to process resource files in a project

Last week, I learned to build a project from 0 and package it with webpack. However, in a real project, we need to deal with not only simple js and css files, but also other resource files such as ES6, CoffeeScript, less, Sass and pictures. At this point, you need to introduce a variety of Loader s. First, create several new di ...

Posted by Jakebert on Thu, 09 May 2019 15:00:39 -0700

Learning and Practice of HTML5 Native Drag and Drop Events

Preface Previously, you learned drag and drop events for HTML5 and used drag and drop components in development.To clarify the logic of the whole, a small example is given. The effect is also simple: elements can be dragged arbitrarily in the container, and when elements are moved into the container, there will be related style changes that hav ...

Posted by hammerloaf on Mon, 06 May 2019 19:50:39 -0700

Build a simple vue development environment based on Web pack from scratch

It's 8102. Now I'm going to talk about the configuration of webpack. Well, it's a bit late. Moreover, the project generated based on vue-cli or create-react-app has already configured webpack for us with one key, which does not seem to require our in-depth understanding. However, it is necessary to build a simple development e ...

Posted by ChetUbetcha on Sun, 05 May 2019 22:45:38 -0700

Front-end of koa+mysql+vue+socket.io stack development

The comparison between React and Vue is a hot topic in the front end. Vue scaffolding, as well as the official provision of essential basic components, such as vuex, vue-router, are really friendly to novices; react gives these to the community to do, although this enlarges the ecological chain of react, but novices have a lot of trouble to co ...

Posted by ealderton on Sat, 04 May 2019 15:10:38 -0700

Configure webpack and build a React project from 0

Let's start with react architecture: 1 Official documents also provide direct download of react packages, but modifying the configuration of webpack is troublesome. npx create-react-app my-app cd my-app npm start Modifying the webpack configuration requires execution npm run eject 2. Build a project by yourself and configure webpack - it may ...

Posted by y4m4 on Sat, 04 May 2019 14:20:39 -0700

Brief Analysis of webpack Code Splitting

Code Splitting is an important feature of webpack s that allows you to package code to generate multiple bundles.For multi-page applications, it is necessary because multiple entries must be configured to generate multiple bundles; for single-page applications, packaging a bundle alone can be very bulky, making it impossible to take advantage ...

Posted by abhi on Wed, 01 May 2019 08:00:38 -0700

Reaction+react-router+react-redux whole family barrel small project development process sharing

react-ele-webapp Project address: https://github.com/kliuj/reac... run Download the projectnpm installThennpm run dev is enough The project based on react-router Redux is mainly for learning actual react. Data are fixed, temporarily grasped from the hungry interface, simulated a 0-100ms asynchronous data delay, thank you hungry? The following a ...

Posted by olygolfer on Mon, 22 Apr 2019 01:03:33 -0700