Automatic construction of Grunt Gulp FIS
1. Initial experience of automation construction
Yarn init
New scss/main.scss
yarn add sass --dev
Use the command to compile SCSS into CSS. / node_ modules/.bin/sass scss/ main.scss css/ style.css
Every time you compile scss into css, you will return to execute the same command. Here is the need ...
Posted on Sun, 14 Jun 2020 03:36:01 -0400 by sp0rk
vue plug-in development and release to npm
Initialize project
vue init webpack-simple daoos-app-mounter
Writing plug-ins
Document content
toast.vue
<template>
<div class="vue-toast-wraper" v-show="isShow">
{{msg}}
</div>
</template>
<script>
export default {
name:'toast',
props:{
msg:{
default:"",
type:String
...
Posted on Wed, 22 Apr 2020 11:35:18 -0400 by ajfton
Start from scratch, make a simple Vuetify project, and install the icon successfully
During the installation of Vuefity, I ran into some pits, and finally succeeded after some setbacks. The correct posture was recorded as follows:
Create a Vue project:
vue init webpack-simple vular-admin
Enter the project directory:
cd vular-admin
Choose: Webpack installation mode
npm install
npm install vue-router
npm install vuetify
npm ...
Posted on Fri, 10 Apr 2020 10:32:18 -0400 by ADLE
iframe embedded in vue and cross domain communication
Because the project is based on the original android app, the wechat h5, so the original page using webview now needs to be implemented in vue, which is to use iframe Many documents have been reviewed, and this one is very valuable https://gist.github.com/pboji... Click Preview
The following is a summary of the 3-day pit climbing in the form o ...
Posted on Sat, 04 Apr 2020 15:51:00 -0400 by pvtpyro
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