美文网首页
vue 懒加载文件名修改

vue 懒加载文件名修改

作者: 我讲你思 | 来源:发表于2019-04-30 10:49 被阅读0次

路由文件:

import Vue from 'vue'
import Router from 'vue-router'


const bindTel = () => import(/* webpackChunkName: "bindTel" */ '@/pages/bindTel')

const inputCode = () => import(/* webpackChunkName: "inputCode" */ '@/pages/inputCode')

const index = () => import(/* webpackChunkName: "index" */ '@/pages/index')

export default new Router({
  routes: [
    {
      path: '/',
      name: 'index',
      component: index
    },
    {
      path: '/bindTel',
      name: 'bindTel',
      component: bindTel
    }]
})

webpack配置:
webpack.prod.config.js 文件

image.png
output: {
    path: config.build.assetsRoot,
    filename: utils.assetsPath('js/[name].[chunkhash].js'),
    chunkFilename: utils.assetsPath('js/[name].js')
  },

相关文章

  • vue 懒加载文件名修改

    路由文件: webpack配置:webpack.prod.config.js 文件

  • 由修改路由懒加载引起的

    layout: posttitle: 由修改路由懒加载引起的tags:- Vue- 笔记 项目背...

  • Vue路由异步组件

    vue异步组件和懒加载可以优化vue的性能 一、 原理 利用webpack对代码进行分割是懒加载的前提,懒加载就是...

  • 按需加载指定文件名(require.ensure、import(

    上篇帖子说到Vue中的异步路由、异步组件、懒加载第三方类库,但是怎么给异步加载的文件指定文件名呢?接下来将为你解答...

  • 复习3

    vue路由懒加载 1.vue路由懒加载解决的什么 问题:解决打包后文件过大的问题,从而优化页面加载,提升性能 注意...

  • vue中的懒加载和按需加载

    vue中的懒加载和按需加载 懒加载 (1)定义:懒加载也叫延迟加载,即在需要的时候进行加载,随用随载。 (2)异步...

  • 相关插件

    axios vue-router vuex vue-lazyload 图片懒加载 element-ui 按需加载 ...

  • 浅谈 vue项目优化

    1.路由懒加载 使用vue-router的方法 2.图片懒加载 组件缓存 使用vue的,详...

  • 2019-05-10

    vue 组件按需引用,vue-router懒加载,vue打包优化,加载动画 当打包构建应用时,Javascript...

  • vue-cli 插件 vue-lazyload 图片懒加载

    vue-lazyload 图片懒加载 解决

网友评论

      本文标题:vue 懒加载文件名修改

      本文链接:https://www.haomeiwen.com/subject/mvemnqtx.html