首页 > 解决方案 > Webpack 卡住了。如何获取更多信息 为什么?

问题描述

我有一个项目,它是旧电极项目的升级版本,对 webpack 4、babel 运行时等进行了一些升级。

npm run build工作正常。(它这样做rimraf lib doc && clap build && bundlesize:)

但是clap dev被困在这里:

...
<s> [webpack.Progress] 94% after seal
<s> [webpack.Progress] 95% emitting
<s> [webpack.Progress] 95% emitting stats-writer-plugin
<s> [webpack.Progress] 95% emitting unnamed compat plugin
<s> [webpack.Progress] 95% emitting unnamed compat plugin
<s> [webpack.Progress] 95% emitting inspectpack-duplicates-plugin
<s> [webpack.Progress] 98% after emitting
<s> [webpack.Progress] 98% after emitting unnamed compat plugin
Total precache size is about 4.77 MB for 22 resources.

不确定这是否是 xclap 或 webpack 的问题。

xclap.js:

process.env.SERVER_ES6 = true;
process.env.ENABLE_BABEL_POLYFILL = false;
require("electrode-archetype-react-app")();

const xclap = require("xclap");
const Fs = require("fs");
const Path = require("path");
function setDevelopmentEnv() {
  process.env.NODE_ENV = "qa";
}

xclap.load("abc", {
  "fix-generator-eslint": {
    task: () => {
      const pkg = require("./package.json");
      if (pkg.scripts.install === "clap fix-generator-eslint") {
        pkg.scripts.install = "echo OK";
        Fs.writeFileSync(Path.resolve("package.json"), JSON.stringify(pkg, null, 2));
        return "~$eslint --fix config src test --ext .js,.jsx";
      }
    }
  }
});

xclap.load("electrode",{
  ".development-env": () => setDevelopmentEnv()
})

关于如何进一步调试的任何建议?我试图研究如何从 webpack 中获得更详细的输出,以了解它卡在哪里。

我在我的 webpack 配置中添加了详细选项,它没有为最后一行提供有用的信息。

网络包配置:

const Path = require("path");
const sassConfig = module.exports = require("./scss.webpack.config.js");

let originalModuleExports = {
  resolve: {
    alias: {
      "ele-app-abc": "ele-app-abc/src",
    },
  modules: [
      Path.join("ele-app-abc", "ele-app-abc/node_modules"),
    ]
  },
  mode: "development",
  entry: "./src/server/index.js",
  stats: {
    assets: true,
    colors: true,
    errors: true,
    errorDetails: true,
    hash: true,
    verbose: true,
    display: "verbose"
  }
};

module.exports = Object.assign(sassConfig, originalModuleExports);

任何指针?

标签: node.jswebpackwebpack-4

解决方案


推荐阅读