const path = require("path"); const environment = process.env.NODE_ENV || "development"; const isCi = typeof process.env.CI !== "undefined"; const HappyPack = require("happypack"); const webpack = require("webpack"); const MiniCssExtractPlugin = require("mini-css-extract-plugin"); const root = path.join(__dirname, ".."); module.exports = (options = {}) => ({ context: root, devtool: "source-map", // entry: "./packages/app/src/index.ts", mode: isCi ? "production" : "development", module: { rules: [{ test: /\.(js)/, exclude: /test/, }, { test: /\.(txt|d\.ts|test.ts|perf.data.js|jxs|scpt|exe|sh|less)$/, use: [{ loader: "ignore-loader", }], }, { test: /electron-browser.+\.html$|code\/electron-browser\/.+\.css$|markdown\.css$/, use: [{ loader: "file-loader", options: { name: "[path][name].[ext]", }, }], }, { test: /\.node$/, use: "node-loader", }, { use: [{ loader: "happypack/loader?id=ts", }], test: /(^.?|\.[^d]|[^.]d|[^.][^d])\.tsx?$/, }, { // Test CSS isn't required. The rest is supposed to be served in separate // pages or iframes, so we need to skip it here and serve it with the file // loader instead. exclude: /test|code\/electron-browser\/.+\.css|markdown\.css$/, test: /\.s?css$/, // This is required otherwise it'll fail to resolve CSS in common. include: root, use: [{ loader: MiniCssExtractPlugin.loader, }, { loader: "css-loader", }, { loader: "sass-loader", }], }, { test: /\.(svg|png|ttf|woff|eot|md)$/, use: [{ loader: "file-loader", options: { name: "[path][name].[ext]", }, }], }, { test: /\.wasm$/, type: "javascript/auto", }], noParse: /\/test\/|\.test\.jsx?|\.test\.tsx?|tsconfig.+\.json$/, }, resolve: { alias: { "@coder": path.join(root, "packages"), }, extensions: [".js", ".jsx", ".ts", ".tsx", ".json", ".css"], mainFiles: [ "index", "src/index", ], }, resolveLoader: { modules: [ path.join(root, "node_modules"), ], }, plugins: [ new HappyPack({ id: "ts", threads: 10, loaders: [{ path: "ts-loader", query: { happyPackMode: true, compilerOptions: options.typescriptCompilerOptions, }, }], }), new webpack.DefinePlugin({ "process.env.NODE_ENV": `"${environment}"`, "process.env.LOG_LEVEL": `"${process.env.LOG_LEVEL || ""}"`, }), new MiniCssExtractPlugin({ filename: "[name].css", chunkFilename: "[id].css", }), ], // target: "web", stats: { all: false, // Fallback for options not defined. errors: true, warnings: true, }, });