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