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
|
const webpack = require("webpack");
const path = require("path");
const CleanWebpackPlugin = require("clean-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const PurgecssPlugin = require("purgecss-webpack-plugin");
const glob = require("glob-all");
class TailwindExtractor {
static extract(content) {
return content.match(/[A-z0-9-:\/]+/g);
}
}
module.exports = env => {
console.log("NODE_ENV: ", process.env.NODE_ENV); // 'local'
var CONFIG = {
mode: "production",
entry: {
app: "./assets/index.js"
},
output: {
path: path.resolve(__dirname, "assets/output"),
filename: "js/[name].js" // string
},
module: {
rules: [
{
test: /\.css$/,
use: [
MiniCssExtractPlugin.loader,
{
loader: "css-loader",
options: {
importLoaders: 1,
minimize: true || {
discardComments: {
removeAll: true
},
minifyFontValues: false,
autoprefixer: false
}
}
},
{
loader: "postcss-loader",
options: {
ident: "postcss",
plugins: () => [
require("postcss-import"),
require("postcss-cssnext")({
browsers: ['last 2 versions', '> 5%']
})
]
}
}
]
},
{
test: /\.(woff|woff2|eot|ttf|otf|svg)$/,
use: [
{
loader: "file-loader",
options: {
publicPath: "/fonts",
name: "[name].[ext]",
outputPath: "./../../static/fonts/"
// useRelativePath: true
}
}
]
}
]
},
plugins: [
new webpack.DefinePlugin({
ENVIRONMENT: JSON.stringify(process.env.NODE_ENV)
}),
new CleanWebpackPlugin(["./assets/output"], {
root: __dirname,
verbose: true,
dry: false,
allowExternal: true
}),
new MiniCssExtractPlugin({
filename: "css/[name].css"
})
]
};
if (process.env.NODE_ENV == "production") {
CONFIG.plugins.push(
new CleanWebpackPlugin(["./assets/output"], {
root: __dirname,
verbose: true,
dry: false,
allowExternal: true
})
//, Temporarily moving purge to fix themes site.
// new PurgecssPlugin({
// paths: glob.sync([
// path.join(__dirname, "layouts/**/*.html")
// ]),
// extractors: [
// {
// extractor: TailwindExtractor,
// extensions: ["html"]
// }
// ],
// fontFace: false,
// whitelist: [
// "pagination",
// "#TableOfContents ul li",
// "chroma",
// "expand",
// "hljs"
// ]
// })
);
}
return CONFIG;
};
|
