Plug-ins to be used in the project optimization process

xtravel-pc-v1 erp PC front-end project Dependent installation npm install element-ui --save With the help of babel-plugin-component, we can only introduce the required components in order to reduce the size of the project. npm install babel-plugin-component -dev npm install vuex --save Precompiled language npm install sass --save npm install cs ...

Posted on Thu, 10 Oct 2019 08:25:30 -0700 by ponsho

IV. Import and Expansion Instructions

@ Rules and instructions @import Sass extends the CSS@import rule to allow it to import SCSS or Sass files. All SCSS or Sass files imported will be merged together into the same CSS file Any variable or mixins defined in the import file can be used in the main file. Typically, @import looks for the Sass file and imports it, but in the follow ...

Posted on Mon, 09 Sep 2019 23:39:00 -0700 by BIOSTALL

Vue-Cli3+Antd-based mid-background management model-01-using Vue CLI3 to quickly create projects

First, Preface From the end of last year to the beginning of this year, a background management framework was built using Vue2.x+elementUI. The purpose is to build the front-end engineering, customize the Vue-cli2.x source code and add some functions. By learning the source code of cli and scaffolding ...

Posted on Tue, 06 Aug 2019 00:55:19 -0700 by __greg

CSS: Analog Snow Effect Animation Production Tutorial

Snowfall effect is just the name of a kind of effect. It can be the movement effect of some free falling bodies, such as red envelope rain. This paper simulates the effect of snow with pure css, and more effects can be exerted by ourselves. 1. Preface Due to the activities of the company's products, ...

Posted on Mon, 22 Jul 2019 00:55:18 -0700 by moise

Build your Gulp from scratch

Unsplash The Content Basis of this Blog Introduction to Gulp.js series of articles As a result, the code, dependency packages and directory structure have been changed. For more details, please refer to the original text and the author. Github In our last blog post Front-end Automation Construction Tool Gulp In Gulp, we have a preliminary und ...

Posted on Thu, 06 Jun 2019 14:05:37 -0700 by Alpha_One

Summary of Webpack Best Practices (3)

If you haven't seen it yet, you can click on the last two articles. Summary of Webpack Best Practices (I),Summary of Webpack Best Practices (II) Well, this is the third and final article. I feel this is the most chaotic one. Come on, it won't disappoint you. Integrating CSS Processing Flow Sometimes, in addition to JavaScript, there is a more i ...

Posted on Fri, 31 May 2019 11:42:32 -0700 by lmg

Vue project upgrade to Webpack 4.x preliminary trampling summary

Preface Webpack 4.x has been released for a long time, and I heard that its performance has been greatly improved. So in mid-May, the cheap was upgraded to the latest version, and there were a lot of errors. After a period of tortuosity, many pits encountered in upgrading have been solved. Originally planned to write a blog at ...

Posted on Sat, 18 May 2019 22:39:30 -0700 by fusionxn1

Getting started with the wepy framework

Install the wepy command line tool. npm install wepy-cli -g Generate development DEMO in the development directory. wepy new myproject Develop real-time compilation. wepy build --watch Project catalog structure dist node_modules src components com_a.wpy com_b.wpy pages ...

Posted on Sat, 18 May 2019 16:02:54 -0700 by danleighton

Exploration of multi-theme and multi-tenant construction scheme based on Ionic 2

Exploration of multi-theme and multi-tenant construction scheme based on Ionic 2 Project background The company's product is a 2B online education product, most of the existing customers have customized needs, mainly including UI themes and secondary development functions. This paper focuses on how to implement flexible multi-topic solutions ba ...

Posted on Sun, 14 Apr 2019 22:48:32 -0700 by volleytotal.ch

Local Notepad Based on vue2.0+vuex+local Storage

This paper uses vue2.0+vuex+localStorage+sass+webpack to realize a local stored notepad. Compatible with PC and mobile terminals. Online Preview Address: DEMO Function description Support Enter Add Events Support event state switching Add Events - > Enter the Uncompleted List Uncompleted - > Completed (check box) Uncompleted - &g ...

Posted on Thu, 28 Mar 2019 09:30:30 -0700 by majik-sheff