技术问答webpack濡備綍瀹炵幇鎸夐渶鍔犺浇 - 扬州沐宇科技

Webpack瀹炵幇鎸夐渶鍔犺浇涓昏閫氳繃浠ヤ笅鍑犵鏂瑰紡锛?/p>

import('module-name').then(module => {
  // 浣跨敤妯″潡
});

浣跨敤webpackChunkName娉ㄩ噴锛氬湪鍔ㄦ€乮mport璇彞涓坊鍔爓ebpackChunkName娉ㄩ噴鍙互鎸囧畾鐢熸垚鐨刢hunk鍚嶇О锛屼緥濡傦細

import(/* webpackChunkName: "my-chunk" */ 'module-name').then(module => {
  // 浣跨敤妯″潡
});

浣跨敤Webpack鐨凷plitChunksPlugin鎻掍欢锛氶€氳繃閰嶇疆SplitChunksPlugin鎻掍欢鍙互灏嗕唬鐮佹媶鍒嗘垚澶氫釜chunk锛屽疄鐜版寜闇€鍔犺浇锛屼緥濡傦細

optimization: {
  splitChunks: {
    chunks: 'all'
  }
}

浠ヤ笂鏄疻ebpack瀹炵幇鎸夐渶鍔犺浇鐨勫嚑绉嶅父鐢ㄦ柟寮忥紝寮€鍙戣€呭彲浠ユ牴鎹叿浣撻渶姹傞€夋嫨鍚堥€傜殑鏂瑰紡鏉ュ疄鐜版寜闇€鍔犺浇銆?/p>