如何正確使用webpack加載器的'include'選項

Question

有以下加載程序配置：

{
    test: /\.(png|svg)$/,
    include: projectBasePath + '/src/app/assets/images/favicons',
    loader: 'file?name=' + defaultPublicImagesPath + 'favicons/' + '[name].[ext]'
  }

projectBasePath和defaultPublicImagesPath是一些路徑變量，它們中沒有錯誤。 有一些文件需要圖像：

require('app/assets/images/favicons/favicon-16x16.png');
require('app/assets/images/favicons/favicon-32x32.png');

require('app/assets/images/favicons/apple-touch-icon.png');

require('app/assets/images/favicons/safari-pinned-tab.svg');

require('app/assets/images/favicons/android-chrome-192x192.png');

require('app/assets/images/favicons/mstile-70x70.png');
require('app/assets/images/favicons/mstile-144x144.png');
require('app/assets/images/favicons/mstile-150x150.png');
require('app/assets/images/favicons/mstile-310x150.png');
require('app/assets/images/favicons/mstile-310x310.png');

但是，當我嘗試使用webpack進行構建時，出現錯誤，提示這些圖像沒有加載程序。 我該如何解決？

Answer 1

您需要為webpack安裝文件加載器才能使用它。 使用以下命令安裝它：

npm install file-loader --save-dev