@ali-i18n-fe/dada-component/libs/webpack/webpack.dev.js

dada component

const { mergeWebpack } = require("./mergeWebpack");
const common = require("./webpack.common.js");
const webpack = require("webpack");
const path = require("path");
const FriendlyErrorsWebpackPlugin = require("friendly-errors-webpack-plugin");
const HardSourceWebpackPlugin = require("hard-source-webpack-plugin");

const { hash } = require("node-object-hash")({ sort: false });

module.exports = options =>
  mergeWebpack(
    common(options),
    {
      mode: "development",
      devtool: "source-map",
      devServer: {
        overlay: true,
        stats: "minimal",
        hot: true,
        disableHostCheck: true,
        headers: {
          "access-control-allow-origin": "*"
        },
        port: options.devPort,
        open: true
      },
      plugins: [
        new HardSourceWebpackPlugin({
          // cacheDirectory是在高速缓存写入。默认情况下，将缓存存储在node_modules下的目录中
          // 'node_modules/.cache/hard-source/[confighash]'
          cacheDirectory: path.join(
            process.cwd(),
            "node_modules/.cache/hard-source/[confighash]"
          ),
          // configHash在启动webpack实例时转换webpack配置，
          // 并用于cacheDirectory为不同的webpack配置构建不同的缓存
          configHash: hash,
          info: {
            mode: "none",
            level: "error"
          },
          // 当加载器、插件、其他构建时脚本或其他动态依赖项发生更改时，
          // hard-source需要替换缓存以确保输出正确。
          // environmentHash被用来确定这一点。如果散列与先前的构建不同，则将使用新的缓存
          environmentHash: {
            root: process.cwd(),
            directories: [],
            files: ["package-lock.json", "yarn.lock"]
          },
          // Clean up large, old caches automatically.
          cachePrune: {
            // Caches younger than `maxAge` are not considered for deletion. They must
            // be at least this (default: 2 days) old in milliseconds.
            maxAge: 2 * 24 * 60 * 60 * 1000,
            // All caches together must be larger than `sizeThreshold` before any
            // caches will be deleted. Together they must be at least this
            // (default: 50 MB) big in bytes.
            sizeThreshold: 50 * 1024 * 1024
          }
        }),
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NamedModulesPlugin(),
        new webpack.DefinePlugin({
          "process.env.NODE_ENV": JSON.stringify("development")
        }),
        new FriendlyErrorsWebpackPlugin({
          clearConsole: true
        })
      ]
    },
    options.webpackMerge || {}
  );