-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack-dev-server.config.js
55 lines (52 loc) · 1.61 KB
/
webpack-dev-server.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
const webpack = require('webpack');
const path = require('path');
const buildPath = path.resolve(__dirname, 'build');
const nodeModulesPath = path.resolve(__dirname, 'node_modules');
const TransferWebpackPlugin = require('transfer-webpack-plugin');
const config = {
// Entry points to the project
entry: [
'webpack/hot/dev-server',
'webpack/hot/only-dev-server',
path.join(__dirname, '/src/app/app.tsx'),
],
// Server Configuration options
devServer: {
contentBase: 'src/www', // Relative directory for base of server
devtool: 'eval',
hot: true, // Live-reload
inline: true,
port: 3000, // Port Number
host: 'localhost', // Change to '0.0.0.0' for external facing server
},
resolve: {
// Add '.ts' and '.tsx' as resolvable extensions.
extensions: ["", ".webpack.js", ".web.js", ".ts", ".tsx", ".js"]
},
devtool: 'eval',
output: {
path: buildPath, // Path of output file
filename: 'app.js',
},
plugins: [
// Enables Hot Modules Replacement
new webpack.HotModuleReplacementPlugin(),
// Allows error warnings but does not stop compiling.
new webpack.NoErrorsPlugin(),
// Moves files
new TransferWebpackPlugin([
{ from: 'www' },
], path.resolve(__dirname, 'src')),
],
module: {
loaders: [
// All files with a '.ts' or '.tsx' extension will be handled by 'ts-loader'.
{ test: /\.tsx?$/, loader: "ts-loader" }
],
preLoaders: [
// All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'.
{ test: /\.js$/, loader: "source-map-loader" }
]
},
};
module.exports = config;