When two pages in vue use larger packages, is there any optimization?

In the

vue project, there are two pages, both of which use an editor plug-in, but the size of the editor plug-in is large, which affects the loading speed, and both pages are used, so the editor is encapsulated into a component, thinking that loading the other page only once will be faster, but this does not seem to be the case, as follows:

how should I optimize in such a situation? Encapsulated into components, introducing components into two pages seems to be similar to using plug-ins directly on the page. Solve it, thank you.

Vue.js
May.30,2022

Asynchronous load component
components: {
aaa: resolve= > {

require(['./aaa.vue'],resolve)

}
}

Webpack CommonsChunkPlugin

package the editor into a component according to the logic you need, such as my-editor
An and B pages lazily load the editor component 

const MyEditor = () => import('@/xx/my-editor')

components: {
    MyEditor
}

on cdn

Don't underestimate webpack. As long as you are not copying and pasting the code, webpack can do a great job of packing and reloading.

Previous: Js deals with the data returned by ajax. How to render it?

Next: Failed to transfer Wechat API for react project. A signature error is displayed? How does everyone solve it?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu