vue login page

I belong to the complete front-end Xiaobai. Install NPM install sass loader -- save Of course, node sass is needed 1. Differences between assets and static Static file loading in assets is different from static file loading. As shown in the following code, static directory can be loaded out For details, see The diffe ...

Posted on Tue, 31 Mar 2020 23:04:51 -0400 by Hexen

Gulp Front End Automation Build Tool

Why use Gulp Gulp Automation Build Tool can enhance your workflow! Easy to use, easy to learn, fast build, high quality plug-ins! In daily development, many front-end tasks can be accomplished with some of Gulp's plug-ins. For example: code compilation (sass, less), compression css, js, pictures, merge js, css, es6 to es5, automatic page refres ...

Posted on Sat, 28 Mar 2020 04:17:26 -0400 by mydownfall

sass: a precompiled language of css

#Qianfeng anti war class, clock in the next day# sass is a precompiled language of css, which is higher, faster and stronger than css Write sass in a file with a suffix of. Sass or. scss. Difference between. sass file and. scss file In the. scss file, the syntax is basically the same as that of ...

Posted on Fri, 28 Feb 2020 00:50:48 -0500 by ginoitalo

How to use webpack (detailed process)

What is webback? If you want to manually configure webback step by step, you can follow the following documents. webpack is a resource loading / packaging tool project1/ src/ dist/ To put it bluntly, it is to package the files in the src directory of the development environment into the dist ...

Posted on Mon, 24 Feb 2020 08:12:51 -0500 by ecco

Introduction and use of gulp construction tools

1. Create an empty folder and install the dependency package npm i gulp --save-dev 2.npm init Used to generate package.json file 3. Install possible modules: NPM install gulp imagemin -- save dev / / image compression module NPM install gulp uglify -- save dev JS / / compression module NPM install gulp sass -- save dev s ...

Posted on Sun, 09 Feb 2020 11:47:35 -0500 by Waseem Ullah Kh

Introduction to webpack & configuration item analysis

Welcome to qq group: 757345416 Introduction to webpack: webpack is the most popular module loader and packaging tool in recent years. It can use and process all kinds of resources, such as JS (including JSX), coffee, style (including less/sass), pictures and so on, as modules. webpack is a module loader and packaging t ...

Posted on Fri, 03 Jan 2020 06:17:18 -0500 by marmite

vue mobile architecture based on vux

Project framework vue mobile solutions Using technology vue mobile ui solution vux Adaptive mobile end solution px2rem css solution sass State Manager vuex Other cnpm Installation of scaffold based on VX npm install vue-cli -g # If not already installed vue init airyland/vux2 projectPath cd projectPath npm ...

Posted on Tue, 31 Dec 2019 22:16:49 -0500 by longtone

Solution to node sass error reporting in vue+webpack project after nodejs upgrade

Solutions to node sass error reporting when upgrading node environment to v8 ^ Today, I upgraded the system for my colleague's computer and all the software by the way. I found that the original good project was reported as wrong. The general information of error reporting is as follows: ERROR Failed to compile with 1 error ...

Posted on Tue, 31 Dec 2019 15:00:29 -0500 by renzaho

css preprocessor

God, I've been learning Sass recently, and I just know it's really powerful~~~~~ Let me admire such a little white. At present, the common preprocessor languages of css mainly include Sass(Scss), Less, PostCSS and Stylus 1. The following navbar NAV. Drop-down selector has repeated parts .navbar-nav .drop-down {    width: 180px; } .navb ...

Posted on Wed, 25 Dec 2019 12:33:01 -0500 by sniperscope

Using React to make a slide show component

Jianghu rules ~ no picture, no truth, first picture! This is a slide carousel component of the exhibition list. Click the left and right buttons to slide left and right. Each time, you can slide a specified number of lines of content. My front-end rookies, big guys light spray whine Let's share the code Because I use React + Typescript to do th ...

Posted on Tue, 10 Dec 2019 14:13:13 -0500 by Remote4ever