webpack配置 将splitChunks分割的代码打包js目录下

要将splitChunks分割的代码打包到js目录下，可以在webpack配置文件中进行如下配置：

module.exports = {
  // ...其他配置
  optimization: {
    splitChunks: {
      chunks: 'all',
      name: 'common',
      minChunks: 2,
      cacheGroups: {
        vendor: {
          test: /[\\/]node_modules[\\/]/,
          name: 'vendors',
          priority: -10,
          chunks: 'all'
        }
      }
    }
  },
  output: {
    path: path.resolve(__dirname, 'js'),
    filename: '[name].[chunkhash].js'
  }
}

其中，optimization.splitChunks配置用于分割代码，output配置用于指定打包生成的文件输出目录和文件名。这里将打包生成的所有js文件都放在了js目录下，文件名格式为[name].[chunkhash].js，其中name表示文件名，chunkhash表示文件的hash值。这样每次打包生成的文件名都不同，有助于缓存更新。