forked from episerver/EPiServer.Forms.Samples
-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
64 lines (63 loc) · 2.11 KB
/
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
const glob = require("glob");
const path = require("path");
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
module.exports = (env, argv) => {
return {
entry: glob.sync("./src/**/index.tsx").reduce((acc, item) => {
const path = item.split("/");
path.pop();
const name = path.pop();
acc[name] = item;
return acc;
}, {}),
output: {
filename: "index.js",
path: path.resolve(__dirname, "src/EPiServer.Forms.Samples/ClientResources/Criteria/dist/"),
libraryTarget: "commonjs" // Must be CommonJS since the modules will be imported using https://github.com/Paciolan/remote-component
},
externals: {
react: "react",
reactDOM: 'react-dom',
'@episerver/ui-framework': '@episerver/ui-framework',
axios: "axios"
},
plugins: [
new MiniCssExtractPlugin()
],
module: {
rules: [
{
test: /\.tsx?$/,
exclude: /node_modules/,
use: [
{
loader: 'ts-loader',
options: {
transpileOnly: true
}
}
]
},
{
test: /\.s?css$/,
use: [
{
loader: argv.mode === "production" ? MiniCssExtractPlugin.loader : 'style-loader',
},
{
loader: 'css-loader',
},
{
loader: 'sass-loader',
options: {
sassOptions: {
includePaths: ['node_modules'],
}
}
}
]
}
]
}
}
};