Vue模塊異步加載探索

異步按需加載,需要做以下兩個操作

1.在webpack.config中,output增加以下配置

output: {
    path: config.build.assetsRoot,
    publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath,
    filename: '[name].js',
    chunkFilename:"[name]-[hash:8].js"
  }

chunkFilename:"[name]-[hash:8].js"

2.配置router

參考:按需加載

//import Index from './components/Index'
const Index = resolve => require(['./components/Index'], resolve)
//import Draf from './components/Draf'
const Draf = resolve => require(['./components/Draf'], resolve)
//import CreateQues from './components/create/CreateQues'
const CreateQues = resolve => require(['./components/create/CreateQues'], resolve)
//import published from './components/published'
const published = resolve => require(['./components/published'], resolve)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,506評論 19 139
  • GitChat技術(shù)雜談 前言 本文較長,為了節(jié)省你的閱讀時間,在文前列寫作思路如下: 什么是 webpack,它要...
    蕭玄辭閱讀 12,873評論 7 110
  • webpack 介紹 webpack 是什么 為什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert閱讀 6,662評論 2 71
  • 版權(quán)聲明:本文為博主原創(chuàng)文章,未經(jīng)博主允許不得轉(zhuǎn)載。 webpack介紹和使用 一、webpack介紹 1、由來 ...
    it筱竹閱讀 11,446評論 0 21
  • 我以為在泥濘路上遇上的風景是意外恩賜,我以為花兒開了就不會枯萎,我以為我的努力能換來上天的寬待,我以為我付出的善良...
    在冬天夢醒閱讀 213評論 0 0

友情鏈接更多精彩內(nèi)容