如何在three.js中使用webpack文件加载器？

npm init -y

npm install three webpack webpack-cli --save-dev

import * as THREE from 'three';
import model from './model.glb';

module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.(glb|gltf)$/,
        use: [
          {
            loader: 'file-loader',
            options: {
              outputPath: 'models', // 输出路径
            },
          },
        ],
      },
    ],
  },
  // ...
};

npx webpack

<script src="dist/bundle.js"></script>

const loader = new THREE.GLTFLoader();
loader.load('models/model.glb', (gltf) => {
  // 处理加载后的模型
});