要刪除無用的代碼，可以使用webpack的Tree Shaking功能。Tree Shaking是指通過靜態分析代碼來識別和刪除未使用的模塊和代碼。要啟用Tree Shaking，需要確保在webpack配置文件中使用了ES6模塊語法（如import和export）以及在生產環境下啟用了minification（代碼壓縮）。

首先，在webpack配置文件中，確保設置了mode為"production"，并且啟用了optimization選項中的minimize為true：

module.exports = {
  mode: 'production',
  optimization: {
    minimize: true
  }
};

然后，在package.json文件中，確保使用了支持Tree Shaking的模塊打包工具，如babel-loader和@babel/preset-env：

{
  "devDependencies": {
    "@babel/core": "^7.0.0",
    "@babel/preset-env": "^7.0.0",
    "babel-loader": "^8.0.0"
  }
}

接下來，在webpack配置文件中，配置babel-loader來識別ES6模塊語法并啟用Tree Shaking：

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env']
          }
        }
      }
    ]
  }
};

最后，確保你的代碼中使用了ES6模塊語法，并且避免在代碼中手動引入未使用的模塊，這樣webpack就能夠通過靜態分析識別和刪除無用的代碼。

通過以上步驟，你就可以利用webpack的Tree Shaking功能來刪除無用的代碼，以減小代碼體積并提高性能。