-
Notifications
You must be signed in to change notification settings - Fork 3
/
webpack.config.js
81 lines (76 loc) · 2.35 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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
var path = require('path'),
HtmlPlugin = require('html-webpack-plugin'),
TerserPlugin = require('terser-webpack-plugin'),
VueLoaderPlugin = require('vue-loader').VueLoaderPlugin,
BundleSizeAnalyzerPlugin = require('webpack-bundle-size-analyzer').WebpackBundleSizeAnalyzerPlugin;
module.exports = env => {
let mode = env ? env.mode : 'development',
prod = mode == 'production';
return {
mode: 'development',
entry: {
main: './src/bootstrap/main.ts',
},
output: {
path: path.resolve(__dirname, './dist'),
filename: prod ? `[name].[hash:8].js` : `[name].js`,
},
optimization: {
minimize: prod,
minimizer: [new TerserPlugin()]
},
resolve: {
extensions: ['.vue', '.ts', '.tsx', '.js'],
},
resolveLoader: {
modules: ['node_modules', 'loader']
},
module: {
rules: [
{
test: /\.vue$/,
use: 'vue-loader'
},
{
test: /\.tsx$/,
use: [
'vue-loader', 'vue-tsx-loader?template=jade'
]
},
{
test: /\.ts$/,
use: [
{
loader: 'ts-loader',
options: {
appendTsSuffixTo: [/\.vue$/],
}
}
]
},
{
test: /\.less$/,
use: ['style-loader', 'css-loader', 'less-loader']
}
]
},
devServer: {
contentBase: path.join(__dirname, './dist'),
historyApiFallback: true,
compress: true,
port: 3000,
open:true
},
plugins: [
new VueLoaderPlugin(),
new HtmlPlugin({
inject: true,
template: './src/index.html',
filename: './index.html',
}),
new BundleSizeAnalyzerPlugin('./report.txt')
],
devtool: prod ? '' : 'source-map',
mode: mode
}
};