2019-01-16 02:36:09 +08:00
|
|
|
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, "..");
|
|
|
|
|
2019-01-19 05:46:40 +08:00
|
|
|
module.exports = (options = {}) => ({
|
2019-01-16 02:36:09 +08:00
|
|
|
context: root,
|
|
|
|
devtool: "source-map",
|
|
|
|
// entry: "./packages/app/src/index.ts",
|
|
|
|
mode: isCi ? "production" : "development",
|
|
|
|
module: {
|
|
|
|
rules: [{
|
|
|
|
test: /\.(js)/,
|
|
|
|
exclude: /test/,
|
|
|
|
}, {
|
2019-01-23 01:02:08 +08:00
|
|
|
test: /\.(txt|d\.ts|test.ts|perf.data.js|jxs|md|scpt|exe|sh|less)$/,
|
|
|
|
use: [{
|
|
|
|
loader: "ignore-loader",
|
|
|
|
}],
|
|
|
|
}, {
|
2019-01-23 06:39:20 +08:00
|
|
|
test: /electron-browser.+\.html$|code\/electron-browser\/.+\.css/,
|
2019-01-16 02:36:09 +08:00
|
|
|
use: [{
|
|
|
|
loader: "ignore-loader",
|
|
|
|
}],
|
|
|
|
}, {
|
|
|
|
test: /\.node$/,
|
|
|
|
use: "node-loader",
|
|
|
|
}, {
|
|
|
|
use: [{
|
|
|
|
loader: "happypack/loader?id=ts",
|
|
|
|
}],
|
|
|
|
test: /(^.?|\.[^d]|[^.]d|[^.][^d])\.tsx?$/,
|
|
|
|
}, {
|
2019-01-23 06:39:20 +08:00
|
|
|
// The CSS in code/electron-browser is supposed to be served in separate
|
|
|
|
// pages so including it interferes with styles in vscode.
|
|
|
|
exclude: /test|code\/electron-browser\/.+\.css/,
|
2019-01-16 02:36:09 +08:00
|
|
|
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)$/,
|
|
|
|
use: [{
|
|
|
|
loader: "file-loader",
|
|
|
|
}],
|
|
|
|
}, {
|
|
|
|
test: /\.wasm$/,
|
|
|
|
type: "javascript/auto",
|
|
|
|
}],
|
2019-01-23 01:02:08 +08:00
|
|
|
noParse: /\/test\/|\.test\.jsx?|\.test\.tsx?|tsconfig.+\.json$/,
|
2019-01-16 02:36:09 +08:00
|
|
|
},
|
|
|
|
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: 2,
|
|
|
|
loaders: [{
|
|
|
|
path: "ts-loader",
|
|
|
|
query: {
|
|
|
|
happyPackMode: true,
|
2019-01-19 05:46:40 +08:00
|
|
|
compilerOptions: options.typescriptCompilerOptions,
|
2019-01-16 02:36:09 +08:00
|
|
|
},
|
|
|
|
}],
|
|
|
|
}),
|
|
|
|
new webpack.DefinePlugin({
|
|
|
|
"process.env.NODE_ENV": `"${environment}"`,
|
2019-01-23 04:41:44 +08:00
|
|
|
"process.env.LOG_LEVEL": `"${process.env.LOG_LEVEL || ""}"`,
|
2019-01-16 02:36:09 +08:00
|
|
|
}),
|
|
|
|
new MiniCssExtractPlugin({
|
|
|
|
filename: "[name].css",
|
|
|
|
chunkFilename: "[id].css",
|
|
|
|
}),
|
|
|
|
],
|
|
|
|
// target: "web",
|
|
|
|
stats: {
|
|
|
|
all: false, // Fallback for options not defined.
|
|
|
|
errors: true,
|
|
|
|
warnings: true,
|
|
|
|
},
|
2019-01-19 05:46:40 +08:00
|
|
|
});
|