CommonsChunkPlugin相关

最新推荐文章于 2025-08-13 08:56:05 发布

weixin_34183910

最新推荐文章于 2025-08-13 08:56:05 发布

阅读量87

点赞数

CC 4.0 BY-SA版权

文章标签： webpack json ViewUI

原文链接：http://www.cnblogs.com/xiangnan/p/6995816.html

本文介绍如何使用 Webpack 进行构建优化，包括配置确定性的 hash 值、使用 CommonChunksPlugin 提取公共模块、生成 chunk 清单等策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考https://webpack.js.org/guides/caching/#deterministic-hashes

var path = require("path");
var webpack = require("webpack");
var ChunkManifestPlugin = require("chunk-manifest-webpack-plugin");
var WebpackChunkHash = require("webpack-chunk-hash");

module.exports = {
  entry: {
    vendor: "./src/vendor.js", // vendor reference file(s)
    main: "./src/index.js" // application code
  },
  output: {
    path: path.join(__dirname, "build"),
    filename: "[name].[chunkhash].js",
    chunkFilename: "[name].[chunkhash].js"
  },
  plugins: [
    new webpack.optimize.CommonsChunkPlugin({
      name: ["vendor", "manifest"], // vendor libs + extracted manifest
      minChunks: Infinity,
    }),
    new webpack.HashedModuleIdsPlugin(),
    new WebpackChunkHash(),
    new ChunkManifestPlugin({
      filename: "chunk-manifest.json",
      manifestVariable: "webpackManifest",
      inlineManifest: true
    })
  ]
};

转载于:https://www.cnblogs.com/xiangnan/p/6995816.html