vue app.js

Question

vue 构建的一个项目还没开发app.js有1M多，该怎么处理。有没有什么分步加载的办法

Answer 1

你使用vue官方的提供的项目模板来写，打包完之后就是按需加载的。路由也配成按需加载的就好了

export default {
  routes: [
    {
      path: '/',
      name: 'home',
      component: resolve => require(['../views/home.vue'], resolve),

Answer 2

Vue组件模块中，提供了异步组件，这是官方文档（中文翻译），如果使用到了vue-router，可以查看vue-router的官方文档。

结合 Vue 的 异步组件 和 Webpack 的 code splitting feature, 轻松实现路由组件的懒加载。

按照官方说的方案去做的话，打包出来的模块就会按照不同的需求被分割好，而你无需去理会他们如何加载，它们自会在需要用到的使用自动被加载进来，这样就解决了你担心的问题。

希望能帮到你。