如何将我的Webpack/Vue代码拆分为一个单独的vendor.js文件并从app.js中删除它？

将Webpack/Vue代码拆分为一个单独的vendor.js文件并从app.js中删除它的方法如下：

配置Webpack的optimization.splitChunks参数，以将第三方依赖库（如Vue）拆分为一个单独的vendor.js文件。在Webpack配置文件中，添加以下代码：

module.exports = {
  // ...
  optimization: {
    splitChunks: {
      cacheGroups: {
        vendor: {
          test: /[\\/]node_modules[\\/]/,
          name: 'vendor',
          chunks: 'all',
        },
      },
    },
  },
};

在Vue项目的入口文件（通常是main.js）中，将第三方依赖库（如Vue）的引入语句删除或注释掉。例如：

// import Vue from 'vue';
// ...

在Webpack配置文件中，添加插件（如clean-webpack-plugin）以删除生成的vendor.js文件中的注释和空行。在Webpack配置文件中，添加以下代码：

const { CleanWebpackPlugin } = require('clean-webpack-plugin');

module.exports = {
  // ...
  plugins: [
    new CleanWebpackPlugin(),
    // ...
  ],
};