monkeytype/frontend/webpack.config.js

54 lines
1.8 KiB
JavaScript
Raw Normal View History

const path = require("path");
const CircularDependencyPlugin = require("circular-dependency-plugin");
2022-02-12 21:47:36 +08:00
let circularImportNum = 0;
module.exports = {
mode: "development", // Change to 'production' for production
2022-02-12 21:47:36 +08:00
devtool: false,
2022-02-13 07:10:19 +08:00
entry: path.resolve(__dirname, "src/scripts/index.ts"),
resolve: {
fallback: {
crypto: require.resolve("crypto-browserify"),
stream: require.resolve("stream-browserify"),
2022-02-12 21:47:36 +08:00
buffer: require.resolve("buffer"),
},
extensions: [".ts", ".js"],
},
output: {
2022-02-12 23:27:49 +08:00
path: path.resolve(__dirname, "public/js/"),
filename: "monkeytype.js",
},
module: {
rules: [{ test: /\.tsx?$/, loader: "ts-loader" }],
},
plugins: [
2022-02-12 21:47:36 +08:00
// Ensure that there are no circular dependencies
new CircularDependencyPlugin({
exclude: /node_modules/,
include: /./,
2022-02-12 21:47:36 +08:00
failOnError: true,
allowAsyncCycles: false, // Allow async webpack imports
cwd: process.cwd(), // set current working dir for displaying module paths
// `onDetected` is called for each module that is cyclical
2022-02-12 21:47:36 +08:00
onDetected({ module: _webpackModuleRecord, paths }) {
// `paths` will be an Array of the relative module paths that make up the cycle
// `module` will be the module record generated by webpack that caused the cycle
2022-02-12 21:47:36 +08:00
circularImportNum += 1;
console.log(
"\u001b[31mCircular import found: \u001b[0m" +
paths.join("\u001b[31m -> \u001b[0m")
);
},
// `onEnd` is called before the cycle detection ends
onEnd() {
2022-02-12 21:47:36 +08:00
let coloredImportNum = "";
if (circularImportNum === 0)
coloredImportNum = `\u001b[32m${circularImportNum}\u001b[0m`;
else coloredImportNum = `\u001b[31m${circularImportNum}\u001b[0m`;
console.log(`Found ${coloredImportNum} circular imports`);
},
}),
],
};