解决 webpack 与 happypack 中 ts-loader 的构建差异问题

在构建过程中,webpackhappypackts-loader 可能出现一些奇怪的差异问题。以下是一个测试步骤流程,以帮助发现和解决此类构建差异问题。

操作步骤

  1. 使用 yarnnpm run compile:watch 执行初次构建。

  2. 初次构建完成后,运行以下命令,将 ./target/index.js 复制为 ./a.js 文件:

    bash

    cp ./target/index.js ./a.js

  3. 随后触发一个小变更,执行以下命令:

    bash

    touch shared/functions.ts

  4. 第二次构建完成后,再次复制 ./target/index.js,这次命名为 ./b.js:

    bash

    cp ./target/index.js ./b.js

  5. 使用 git diff 比较两次构建结果的差异:

    bash

    git diff --no-index ./a.js ./b.js

通过以上步骤,您可以有效检查并发现webpack-happypack-ts-loader在构建输出中的不一致性,为后续问题解决提供重要依据。

zip
webpack-happypack-ts-loader-bug-master.zip 预估大小:14个文件
folder
webpack-happypack-ts-loader-bug-master 文件夹
folder
shared 文件夹
folder
tsconfig.json 文件夹
file
functions.ts 30B
file
yarn.lock 115KB
file
.prettierignore 311B
folder
src 文件夹
file
index.ts 151B
folder
.vscode 文件夹
file
settings.json 591B
file
tsconfig.json 87B
folder
config 文件夹
folder
src 文件夹
file
webpack.config.ts 2KB
file
tsconfig.json 280B
file
.prettierrc 56B
file
README.md 249B
file
.editorconfig 366B
file
.gitignore 40B
file
package.json 579B
zip 文件大小:51.19KB