[TOC] ## 優化編譯速度 安裝 ``` npm install --save-dev thread-loader cache-loader taro-plugin-compiler-optimization ``` 使用 ``` // config/index.js config = { // ... plugins: ['taro-plugin-compiler-optimization'], } ``` ## 解決包體積過大無法進行預覽的問題 ``` // config/dev.js module.exports = { mini: { webpackChain: (chain, webpack) => { chain.merge({ plugin: { install: { plugin: require('terser-webpack-plugin'), args: [ { terserOptions: { compress: true, // 默認使用terser壓縮 // mangle: false, keep_classnames: true, // 不改變class名稱 keep_fnames: true, // 不改變函數名稱 }, }, ], }, }, }) }, }, } ``` ## 依賴預加載 ``` /** config/index.js */ const config = { compiler: { type: 'webpack5', // 僅 webpack5 支持依賴預編譯配置 prebundle: { enable: true, }, }, } ```