Great Webpack Construction Process Learning Guide

Recent original articles review: GreatTsconfig.jsonGuide Great Webpack HMR Learning Guide with Source Analysis Outside Story of Blob You Don't Know Outside of WeakMap You Don't Know Webpack is a hot front-end packaging tool and is essentially a static module bundler for modern JavaScript applications.When a Webpack processes an application, ...

Posted by sambkk on Mon, 22 Jun 2020 02:25:01 +0200

Vue property decorator

Introduction: In this section, we will continue to analyze a vue-property-decorator First of all, you can see an introduction of its official website: This library fully depends on [vue-class-component](https://github.com/vuejs/vue-class-component), so please read its README before using this library. ...

Posted by jodyanne on Mon, 15 Jun 2020 07:00:54 +0200

webpack configuration (step 4: html (template))

First look at the project structure: Create a new ejs directory under app, and the suffix of html file will naturally become ejs; The ejs file in the ejs directory is the principal file, In the generate directory, the spliced files are placed, The public directory places public files. Configuration premise: Introducing EJS loader $ cnp ...

Posted by jkeppens on Sun, 05 Apr 2020 18:14:51 +0200

webpack configuration (step 5: less/css (basic))

Download Plug-in: less plug-in installation $ cnpm install less less-loader --save-dev By the way, the css plug-in is also installed $ cnpm install css-loader style-loader --save-dev webpack.config.js loaders join , { test: /\.less$/, use: [ 'style-loader', 'css-loader', 'less-lo ...

Posted by zkoneffko on Fri, 03 Apr 2020 14:22:22 +0200

(CHER you up) Vue router

vue:Router route Cognitive routing Simple understanding 1. Terms in network engineering 2. Routing (Wikipedia): the activity of transmitting information from the source address to the destination address through the Internet Back-end routing The back end processes the mapping relationship betwee ...

Posted by Thuy on Fri, 06 Mar 2020 12:19:14 +0100

Wechat opens static page to share with friends

First of all, we need to add a share button in the upper right corner of the original homepage, and then we need to click it to pop up wechat's own function of sharing to friends. At first glance, it seems not difficult. There was no wechat related development experience before, but it took three days to do well. Let's start w ...

Posted by jonstu on Tue, 07 Jan 2020 05:00:32 +0100

coverage es6 coverage solution

This article was organized in 2017 to solve the problems encountered in ES6 replacement in gridmanager version 2.3.0. The text is as follows After replacement, it was found that the original test coverage decreased from 72% to 24%. Through the local test of coverage html, it is found that the code used to overwrite the target file is the conver ...

Posted by Thethug on Thu, 12 Dec 2019 17:28:32 +0100

Uncover Vue - vue-cli3 comprehensive configuration

vue-cli3-config Create project Configure environment variables    select different environments by adding -- mode xxx to the scripts configuration item in package.json Create. Env,. Env. Production,. Env.analyz and other files in the root directory of the project              ...

Posted by Mistah Roth on Tue, 10 Dec 2019 23:22:25 +0100

Using jQuery and Bootstrap in Vue CLI3.0

Using jQuery and Bootstrap in Vue is not particularly in line with Vue's native writing method, but sometimes it has to be used, so put my introduction settings for your reference. To introduce jQuery and Bootstrap into Vue cli 2.0, you need to set many configuration items. There are many methods on the Internet, which will not be repeated here ...

Posted by cbrknight on Tue, 03 Dec 2019 11:45:52 +0100

Overview of common build optimization for webpack s

brief introduction Read "Shallow web pack" to summarize common web pack construction optimization strategies, you can improve the speed of project construction by the following means More precise loader rules Write the loader rules clearly Just let the files that need to be processed go into the loader process as follows rules: [{ ...

Posted by utpal on Wed, 20 Nov 2019 22:08:25 +0100