The Use of Chain Webpack in vue-cli

Preface In the project development, we will inevitably encounter the situation that we need to change the configuration of webpack. Today, we will mainly talk about some configuration changes in vue.config.js, briefly introduce the use of loader; simple configuration with configure Webpack; advanced configuration with chain Webpack; including t ...

Posted on Tue, 30 Jul 2019 01:32:16 -0700 by hoffmeister

The existing Vue project was transformed into Nuxt project

The company's project, initially only for the realization of front-end and back-end separate development, directly selected the vue framework for development, but now the project is basically completed, found that spiders simply can not grasp the website data, search engine search, are blank without data, need to optimize the project SEO. My fi ...

Posted on Mon, 29 Jul 2019 03:29:54 -0700 by a94060

Web pack usage record -- tired

Webpack: A front-end resource loading/packaging tool. It will do static analysis according to the dependencies of the modules, and then generate the corresponding static resources according to the specified rules. To simplify the complexity of development, many good practices have emerged in the front-end community: modularization ...

Posted on Sat, 20 Jul 2019 19:23:29 -0700 by efron

DvaJS Construction Configuration React Project and Its Use

First, introduction and demand analysis 1.1, Introduction dva The first is based on  redux - and  redux-saga  Data flow scenarios, and then in order to simplify the development experience, dva is also built-in  react-router - and  fetch So dva is a lightweight package based on the existing application architecture (redux + react-router + redu ...

Posted on Fri, 19 Jul 2019 23:45:51 -0700 by luca200

[weex] For the first time, the environment under weex windows was built into the first complete app

Install Node.js node.js requires 4.0+ Download Address on Official Website https://nodejs.org/en/ Installation Tutorial See Here node.js Installation Diagram Install weex-toolkit After installing node.js, open the CMD tool and install weex-toolkit, which is the integrated environment of weex. With weex-toolkit, you can use the weex ...

Posted on Mon, 15 Jul 2019 16:16:16 -0700 by coreyk67

Build multi-entry vue scaffolding using webpack

The code is on github, Consult if necessary >First we need to know what a webpack is? webpack is currently the most popular modular management and packaging tool >How to install webpack Node.js needs to be installed before webpack can be installed. Node.js comes with package management tool npm Execute after installation npm install webpa ...

Posted on Mon, 15 Jul 2019 09:23:21 -0700 by rocklv

1-vuejs2.0 Actual: Fake Douban app Project, Create Custom Component tabbar

Hello, I'd like to share some tutorials about fake bean petal app.Of course, instead of using native implementation, we use the front-end framework vuejs to implement the Douban app.- For the first time I wrote an article, I apologize for not doing so well. Why do we choose Douban app for this tutorial? Because I contacted D ...

Posted on Sun, 14 Jul 2019 09:56:39 -0700 by salmon

react to vue - Web pack compression package vue project (3)

Learn the third part of vue, add the following functions: 1. Add packaging function; 2. Separation of css and js; 3. Increase vue-devtools; 4. Adding song list components. This update does not do much, mainly the operation of the release and the management of the vue development tools. 1. Add Packaging Function The webpack packaging project on ...

Posted on Sat, 06 Jul 2019 15:30:25 -0700 by jipacek

hash problem of Web pack

webpack-demo hash problem in Web pack A simple project catalog is shown in the following figure: When the configuration file in webpack is as follows: module.exports = { entry: { 'example1': './example1', 'example2': './example2' }, output: { filename: '[name]-[hash:8].js' } }; When the ...

Posted on Fri, 05 Jul 2019 13:44:55 -0700 by rpupkin77

Construction of Web Pack Environment for React Technology Stack (3) Packing Performance Optimization

In practical projects, it is very common to pack thousands of modules for more than one minute. When we build, we often want our code to be packaged separately from the third-party libraries (vendors), because there is no need to waste packaging time every time we do not involve upgrading the third-party libraries. Dll (Dynamic Link Library) is ...

Posted on Mon, 17 Jun 2019 18:03:48 -0700 by _off_axis_