前言:當我們在項目中直接使用文件(xlsx|pdf|word|mp4)會提示需要加載loader該如何處理,老項目可能沒有內置file的處理插件需要我們手動做如下處理,如果是一些新啓的項目一般不會遇到這種問題
解決方案:
npm install file-loader
- 找到
umi
配置文件一般路徑爲config/config.ts
- 添加代碼
chainWebpack(config) {
config.module
.rule('file-loader')
.test(/\.(pdf|docx|doc|xlsx|mp4)$/)
.use('file-loader?name=[path][name].[ext]')
.loader('file-loader')
.end();
},
重啓項目即可