webpack5集成cesium

Webpack5集成Cesium的步骤如下：

1. 安装Cesium

通过npm或yarn安装Cesium：

npm install cesium --save

或者

yarn add cesium

2. 配置Webpack

在webpack配置文件中添加以下内容：

const CopyWebpackPlugin = require('copy-webpack-plugin');
const cesiumSource = 'node_modules/cesium/Source';
const cesiumWorkers = '../Build/Cesium/Workers';

module.exports = {
  // ...
  plugins: [
    new CopyWebpackPlugin({
      patterns: [
        { from: path.join(cesiumSource, cesiumWorkers), to: 'Workers' },
        { from: path.join(cesiumSource, 'Assets'), to: 'Assets' },
        { from: path.join(cesiumSource, 'Widgets'), to: 'Widgets' },
        { from: path.join(cesiumSource, 'ThirdParty'), to: 'ThirdParty' },
      ],
    }),
  ],
  resolve: {
    alias: {
      cesium: path.resolve(__dirname, cesiumSource),
    },
  },
};

这个配置做了以下几件事情：

- 通过CopyWebpackPlugin将Cesium的Assets、Widgets和ThirdParty文件夹以及Workers文件夹下的内容复制到输出目录中。
- 在resolve.alias中添加`cesium`别名，以便在代码中引用Cesium时可以直接使用`import 'cesium/Cesium'`。

3. 引入Cesium

在代码中引入Cesium：

import 'cesium/Cesium';

4. 编译打包

运行webpack进行编译打包：

npm run build

或者

yarn build

以上就是Webpack5集成Cesium的步骤。