Vue 모듈 비동기 로드 탐색

1032 단어
비동기적으로 필요에 따라 불러오려면 다음과 같은 두 가지 조작을 해야 한다
1. 웹팩에서.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)

좋은 웹페이지 즐겨찾기