React + umi引用xlsx或者mp4文件提示需要安裝loader

前言:當我們在項目中直接使用文件(xlsx|pdf|word|mp4)會提示需要加載loader該如何處理,老項目可能沒有內置file的處理插件需要我們手動做如下處理,如果是一些新啓的項目一般不會遇到這種問題



解決方案:

  1. npm install file-loader
  2. 找到umi配置文件一般路徑爲config/config.ts
  3. 添加代碼
  chainWebpack(config) {
    config.module
      .rule('file-loader')
      .test(/\.(pdf|docx|doc|xlsx|mp4)$/)
      .use('file-loader?name=[path][name].[ext]')
      .loader('file-loader')
      .end();
  },

重啓項目即可

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章