-
Notifications
You must be signed in to change notification settings - Fork 3
/
webpack.config.js
41 lines (40 loc) · 1002 Bytes
/
webpack.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
const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
module.exports = {
mode: "development",
devtool: "inline-source-map",
entry: {
bundle: "./src/index.ts",
styleBundle: "./src/index.scss",
},
output: {
filename: "[name].js"
},
resolve: {
// Add `.ts` and `.tsx` as a resolvable extension.
extensions: [".ts", ".tsx", ".js"],
plugins: [new TsconfigPathsPlugin()]
},
module: {
rules: [
// all files with a `.ts` or `.tsx` extension will be handled by `ts-loader`
{ test: /\.tsx?$/, loader: "ts-loader" },
{
test: /\.scss$/,
use: [
{
loader: 'file-loader',
options: {
name: 'bundle.css',
},
},
{ loader: 'extract-loader' },
{ loader: 'css-loader' },
{ loader: 'sass-loader', options: {
sourceMap: true,
includePaths: ['node_modules']
} },
]
}
]
}
};