Using DllPlugin to extract Public Libraries

When dll is not used, vue is packaged directly with the application. Every time the application is updated, the client needs to download all new js   After optimization, the size will be a little larger, but users do not need to download the js of vue again every time they update, only need to update the js related to app   Remove m ...

Posted on Sat, 25 Jan 2020 06:39:40 -0800 by AdamBrill

Detailed webpack4 multi-entry configuration

Detailed webpack4 multi-entry configuration This article mainly focuses on the multi-entry configuration, hoping to improve the development efficiency and package the code when developing web pages without a framework.What needs to be improved in this article, and I hope you can give more advice. Key ...

Posted on Sat, 18 Jan 2020 18:14:40 -0800 by Quinton1337

Webpack journey: packaging of multi page applications

In the previous few days of webpack, we talked about all the packaging for a single page, even for some scaffolding tools, the packaging of webpack pages is a single page. But when we need to package multiple html pages, how can we handle it? The packaging of multi page applications is not the content ...

Posted on Fri, 17 Jan 2020 04:21:28 -0800 by davejj

Some procedures of using jquery and bootstrap

For the first time, we use web pack to pack vue, without using vue cli to build a scaffold. There are many npm packages to install at the beginning. Here is the package.json file { "name": "v1", "version": "1.0.0", "description": "", "main": "main.js", "scripts": { "test": "echo \"Error: no test specified\" & ...

Posted on Sat, 04 Jan 2020 02:49:25 -0800 by bijukon

Construction of web pack4 + Vue + Vue router development environment (non Vue CLI)

1. Environment and plug-ins used     "css-loader": "^1.0.0",     "html-webpack-plugin": "^3.2.0",     "mini-css-extract-plugin": "^0.4.2",     "style-loader": "^0.22.1",     "webpack": "^4.17.1",     "webpack-cli": "^3.1.0"     "babel-core": "^6.26.3",     "babel-loader": "^7.1.5",     "vue": "^2.5.17",     "vue-loader": "^15. ...

Posted on Wed, 01 Jan 2020 10:15:12 -0800 by pradeep79

Use WebStorm to initialize Vue project and report basedir = $(dirname "$(echo" $0 "| sed - E's, \ \, /, G '))

webstorm uses Vue cli to create a project. npm run dev always reports an error, but npm run build is OK The error is reported as follows: D:\ws_work\my-vp>npm run dev > my-vp@1.0.0 dev D:\ws_work\my-vp > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js D:\Program Files\nodejs\X64\node_modules ...

Posted on Tue, 31 Dec 2019 15:38:12 -0800 by tablex

vue uses Jade template to write html and stylus to write css

The daily work is to use vue to develop pages and webapps. If you write more, you want to lazy and simplify various writing methods. So you use jade to write html and stylus to write css, which saves a lot of steps and improves efficiency. Installation package: // Install jade package npm install jade jade-loader --save-dev // I ...

Posted on Tue, 17 Dec 2019 15:13:42 -0800 by cswells

Vue Cli3 create project

Vue Cli3 create project Vue,Markdown 1. installation npm install -g @vue/cli 2. Create a project vue create iview-admin # OR vue ui default (babel, eslint) default package, which provides babel and eslint support. Manually select features to select the required functions and provide more feature selection. For example, if you want to support ...

Posted on Sun, 15 Dec 2019 11:08:20 -0800 by superhaggis

Problems with webpack3.x upgrading 4.x

background Before the launch of vue-cli3, the Vue project built with vue-cli2 was based on webpack3.x. with the version iteration of the project, the functions and files gradually increased. The packaging time was from the first 5 minutes to the longest 19:30. Because of the use of ts, each time the ts loader is packaged, a type check is requir ...

Posted on Fri, 13 Dec 2019 06:02:44 -0800 by dudeddy

Code and package optimization of Vue+Webpack

This paper focuses on the optimization means of Vue single page application: Asynchronous loading Add loading effect when face switching Click delay inline manifest Logic code optimization Volume dependent optimization cdn reference Vue code optimization Asynchronous loading The so-called asynchronous load component is actually comp ...

Posted on Thu, 12 Dec 2019 00:44:25 -0800 by webing