6-23

output: {
    path: './dist',
    filename: 'js/[name].js'
  },
  module: {
    loaders: [
      // 图片
      { 
        test: /\.(woff|woff2|eot|ttf|svg|jpg|png)(\?[a-z0-9]+)?$/, 
        loader: 'url-loader?limit:1000&name=resourse/[name].[ext]' 
      }
    ]
  },

Saya perlu menukar imej kepada base64 Ini berjaya 'name=resourse/[name].[ext]' harus menghasilkan folder sumber dalam direktori dist, dan kemudiannya akan ada imej di dalamnya tidak Tidak berkesan...

6-24 Teruskan mengubah suai dan mendapati ia lebih memalukan
Dua gambar pertama ialah penggunaan pemuat yang diperkenalkan dalam webpack1 dan parameter pemuat url

Kemudian izinkan saya menunjukkan kepada anda webpack.config.js saya

{ 
    test: /\.(woff|woff2|eot|ttf|svg|jpg|png)(\?[a-z0-9]+)?$/, 
    loader: 'url-loader',
    query: {
      limit: 100
    }
}

Semasa menjalankan pek web, ralat dilaporkan mengatakan pemuat fail tidak ditemui

ERROR in ./src/image/song.jpg
Module build failed: Error: Cannot find module 'file-loader'
    at Function.Module._resolveFilename (module.js:469:15)

Apakah kaitan antara ini dan pemuat fail?? Kemudian cnpm i --save-dev file-loader.

Webpack sebenarnya berjaya.
Kemudian saya akan terus mengubah suai kod

{ 
    test: /\.(woff|woff2|eot|ttf|svg|jpg|png)(\?[a-z0-9]+)?$/, 
    loader: 'url-loader',
    query: {
      limit: 100,
      name: 'resourse/[name].[ext]'
    }
}

Jalankan webpack dan teruskan dengan jayanya Dan direktori sumber juga dihasilkan.

Walaupun masalah sudah selesai, saya masih tidak faham apa kaitan pemuat fail dengannya Di laman web rasmi pemuat url, saya tidak melihat apa-apa arahan bahawa pemuat fail mesti dipasang.

Saya harap seseorang yang hebat boleh membantu saya menerangkannya.