上個月umi在公眾號中推出了4.0版本即將發(fā)布的消息,不知道3.0的版本你是否已經上手了。下面是umi 3.0基礎版的配置文件,大家可以根據基礎版本自行調整使用。
import { defineConfig } from 'umi';
const publicPath = '/';
export default defineConfig({
title: '3.0 模版', // 配置標題
mfsu: {}, // 快速熱更新(目前bug較多,4.0版本會有較多優(yōu)化)
ignoreMomentLocale: true, // 忽略 moment 的 locale 文件,用于減少尺寸
hash: true, // 文件 hash 后綴,通常用于增量發(fā)布和避免瀏覽器加載緩存。
externals: { // 哪些模塊可以不被打包,通過 <script> 或其他方式引入,通常需要和 scripts 或 headScripts 配置同時使用。
config: 'window.CONFIG',
},
headScripts: [{ src: `${publicPath}config.js` }], // 配置 <head> 里的額外鏈接。
nodeModulesTransform: { // 設置目錄下依賴文件的編譯方式,不需要規(guī)避兼容性問題
type: 'none',
},
dynamicImport: { // 啟用按需加載
loading: '@/components/Loading',
},
fastRefresh: {}, // 快速刷新,開發(fā)時可以保持組件狀態(tài),同時編輯提供即時反饋。
locale: { // 國際化配置
default: 'zh-CN', // 默認語言
antd: true, // 開啟antd國際化
baseNavigator: false, // 取消瀏覽器語言檢測
},
targets: { // 配置需要兼容的瀏覽器最低版本
android: 5,
ios: 7,
chrome: 58,
ie: 11,
},
lessLoader: { // 配置lessLoader
modifyVars: { // 引入一些less變量和less mixins,防止打包找不到prefix等less變量的問題
hack: 'true; @import "~@/styles/index.less";',
},
},
// 配置非根目錄的部署
// base: publicPath
// publicPath,
// exportStatic: { dynamicRoot: true },
});