This repository has been archived by the owner on Mar 27, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 24
/
webpack.config.js.tmpl
131 lines (116 loc) · 3.48 KB
/
webpack.config.js.tmpl
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
const Webpack = require("webpack");
const Glob = require("glob");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const { WebpackManifestPlugin } = require("webpack-manifest-plugin");
const TerserPlugin = require("terser-webpack-plugin");
const LiveReloadPlugin = require("webpack-livereload-plugin");
const configurator = {
entries: function(){
var entries = {
application: [
'./assets/css/application.scss',
],
}
Glob.sync("./assets/*/*.*").forEach((entry) => {
if (entry === './assets/css/application.scss') {
return
}
let key = entry.replace(/(\.\/assets\/(src|js|css|go)\/)|\.(ts|js|s[ac]ss|go)/g, '')
if(key.startsWith("_") || (/(ts|js|s[ac]ss|go)$/i).test(entry) == false) {
return
}
if( entries[key] == null) {
entries[key] = [entry]
return
}
entries[key].push(entry)
})
return entries
},
plugins() {
var plugins = [
new Webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery"
}),
new MiniCssExtractPlugin({filename: "[name].[contenthash].css"}),
new CopyWebpackPlugin({
patterns: [{
from: "./assets",
globOptions: {
ignore: [
"**/assets/css/**",
"**/assets/js/**",
"**/assets/src/**",
]
}
}],
}),
new Webpack.LoaderOptionsPlugin({minimize: true,debug: false}),
new WebpackManifestPlugin({fileName: "manifest.json",publicPath: ""})
];
return plugins
},
moduleOptions: function() {
return {
rules: [
{
test: /\.s[ac]ss$/,
use: [
MiniCssExtractPlugin.loader,
{ loader: "css-loader", options: {sourceMap: true}},
{ loader: "postcss-loader", options: {sourceMap: true}},
{ loader: "sass-loader", options: {sourceMap: true}}
]
},
{ test: /\.tsx?$/, use: "ts-loader", exclude: /node_modules/},
{ test: /\.jsx?$/,loader: "babel-loader",exclude: /node_modules/ },
{ test: /\.(woff|woff2|ttf|svg)(\?v=\d+\.\d+\.\d+)?$/,use: "url-loader"},
{ test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,use: "file-loader" },
{ test: /\.go$/, use: "gopherjs-loader"}
]
}
},
buildConfig: function(){
// NOTE: If you are having issues with this not being set "properly", make
// sure your GO_ENV is set properly as `buffalo build` overrides NODE_ENV
// with whatever GO_ENV is set to or "development".
const env = process.env.NODE_ENV || "development";
var config = {
mode: env,
entry: configurator.entries(),
output: {
filename: "[name].[contenthash].js",
path: `${__dirname}/public/assets`,
clean: true,
},
plugins: configurator.plugins(),
module: configurator.moduleOptions(),
resolve: {
extensions: ['.ts', '.js', '.json']
}
}
if( env === "development" ){
config.plugins.push(new LiveReloadPlugin({appendScriptTag: true}))
return config
}
const terser = new TerserPlugin({
terserOptions: {
compress: {},
mangle: {
keep_fnames: true
},
output: {
comments: false,
},
},
extractComments: false,
})
config.optimization = {
minimizer: [terser]
}
return config
}
}
module.exports = configurator.buildConfig()