vuejs project packaging optimization

This time I will bring you vuejs project packaging optimization. What are the precautions for vuejs project packaging optimization? The following is a practical case, let’s take a look.

1: Using CDN resources

When we package, we will package the plug-ins in the dependencies object in package.json. We can Load some of them using cdn. For example, if we don’t want to package vue, axios, vuex, and vue-router into our project, we need this:

1: Open webpack.base.conf.js

module.exports = {
   externals: {
    ‘vue‘: ‘Vue‘,
    ‘axios‘: ‘axios‘,
    ‘vuex‘: ‘Vuex‘,
    ‘vue-router‘: ‘VueRouter‘
 }
}

2: Open router/index.js. Log out the following two lines

//import Vue from ‘vue‘
//Vue.use(Router)

3: If you use vuex, log out Vue.use(Vuex) in vuex/index.js (named differently)

Vue.use(Vuex)

##Possible problems after packaging

react to split page code and load on demand

What are the precautions for using Dom with Angular2

The above is the detailed content of vuejs project packaging optimization. For more information, please follow other related articles on the PHP Chinese website!