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
65
66
67
68
69
70
|
const webpack = require("webpack");
const path = require("path");
const DashboardPlugin = require("webpack-dashboard/plugin");
const WebpackShellPlugin = require('webpack-shell-plugin');
const nodeEnv = process.env.NODE_ENV || "development";
const isProd = nodeEnv === "production";
console.log(webpack.plugins);
var config = {
devtool: isProd ? "hidden-source-map" : "source-map",
context: path.resolve("./src"),
entry: {
app: "./index.ts"
},
output: {
path: path.resolve("./dist"),
filename: "vanilla-yo-notification.js",
sourceMapFilename: "vanilla-yo-notification.js.map",
devtoolModuleFilenameTemplate: function (info) {
return "file:///" + info.absoluteResourcePath;
}
},
module: {
rules: [
{
enforce: "pre",
test: /\.ts?$/,
exclude: ["node_modules"],
use: ["awesome-typescript-loader", "source-map-loader"]
},
{ test: /\.css$/, loaders: ["style-loader", "css-loader"] }
]
},
resolve: {
extensions: [".ts", ".js"]
},
plugins: [
new webpack.DefinePlugin({
"process.env": {
// eslint-disable-line quote-props
NODE_ENV: JSON.stringify(nodeEnv)
}
}),
new webpack.optimize.UglifyJsPlugin({
compress: { warnings: false },
output: { comments: false },
sourceMap: true
}),
new webpack.LoaderOptionsPlugin({
options: {
tslint: {
emitErrors: true,
failOnHint: true
}
}
}),
new WebpackShellPlugin({
onBuildEnd: 'cp -r dist/* docs/example/'
})
],
devServer: {
contentBase: path.join(__dirname, "dist/"),
compress: true,
port: 3000,
hot: true
}
};
module.exports = config;
|
