94 lines
1.9 KiB
TypeScript
94 lines
1.9 KiB
TypeScript
import { resolve } from 'path';
|
|
|
|
const ForkTsCheckerPlugin = require('fork-ts-checker-webpack-plugin');
|
|
|
|
export default function() {
|
|
return {
|
|
name: 'test',
|
|
|
|
mode: 'development',
|
|
devtool: 'source-map',
|
|
stats: 'minimal',
|
|
|
|
context: resolve(__dirname),
|
|
entry: { main: './src/test/Main.tsx' },
|
|
output: { path: resolve(__dirname, 'build') },
|
|
resolve: {
|
|
extensions: ['.ts', '.tsx', '.js', '.jsx'],
|
|
},
|
|
|
|
plugins: [
|
|
new ForkTsCheckerPlugin({
|
|
typescript: { configFile: resolve(__dirname, 'tsconfig.json') },
|
|
eslint: {
|
|
files: './**/*.{ts,tsx,js,jsx}',
|
|
options: {
|
|
configFile: resolve(__dirname, '.eslintrc.json'),
|
|
emitErrors: true,
|
|
failOnHint: true,
|
|
typeCheck: true,
|
|
},
|
|
},
|
|
}),
|
|
],
|
|
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.[t|j]sx?$/,
|
|
loader: 'babel-loader',
|
|
options: {
|
|
babelrc: false,
|
|
cacheDirectory: true,
|
|
presets: [
|
|
[
|
|
'@babel/preset-typescript',
|
|
{
|
|
isTSX: true,
|
|
allExtensions: true,
|
|
jsxPragma: 'createElement',
|
|
},
|
|
],
|
|
[
|
|
'@babel/preset-env',
|
|
{
|
|
targets: { browsers: ['Chrome 78'] },
|
|
},
|
|
],
|
|
],
|
|
plugins: [
|
|
[
|
|
'@babel/transform-react-jsx',
|
|
{
|
|
pragma: 'createElement',
|
|
},
|
|
],
|
|
['@babel/plugin-proposal-class-properties'],
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
|
|
devServer: {
|
|
host: '0.0.0.0',
|
|
before: (app: any) => {
|
|
const doc = `
|
|
<!DOCTYPE html>
|
|
<html lang='en'>
|
|
<head>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
<title>Testing Environment</title>
|
|
<link rel='stylesheet' href='/main.css'>
|
|
</head>
|
|
<body id='root'/>
|
|
<script src='/main.js'></script>
|
|
</html>
|
|
`;
|
|
|
|
app.get('/', (_: any, res: any) => res.send(doc));
|
|
},
|
|
},
|
|
};
|
|
}
|