解决 webpack 与 happypack 中 ts-loader 的构建差异问题
在构建过程中,webpack、happypack 和 ts-loader 可能出现一些奇怪的差异问题。以下是一个测试步骤流程,以帮助发现和解决此类构建差异问题。
操作步骤:
-
使用
yarn
或npm run compile:watch
执行初次构建。 -
初次构建完成后,运行以下命令,将 ./target/index.js 复制为 ./a.js 文件:
bash
cp ./target/index.js ./a.js
-
随后触发一个小变更,执行以下命令:
bash
touch shared/functions.ts
-
第二次构建完成后,再次复制 ./target/index.js,这次命名为 ./b.js:
bash
cp ./target/index.js ./b.js
-
使用 git diff 比较两次构建结果的差异:
bash
git diff --no-index ./a.js ./b.js
通过以上步骤,您可以有效检查并发现webpack-happypack-ts-loader在构建输出中的不一致性,为后续问题解决提供重要依据。
webpack-happypack-ts-loader-bug-master.zip
预估大小:14个文件
webpack-happypack-ts-loader-bug-master
文件夹
shared
文件夹
tsconfig.json
文件夹
functions.ts
30B
yarn.lock
115KB
.prettierignore
311B
src
文件夹
index.ts
151B
.vscode
文件夹
settings.json
591B
51.19KB
文件大小:
评论区