26ad260858
- Refactored themes to always load with just a single file. This avoids a round trip on each request. - Locally load font when available on the system, then try to load the woff2 file, then fall back to regular woff. - Update markup to use relative urls where it is safe. RSS feeds still use absolute URLs. - Only set og:image:(height/width) when using the standard color icon. - Fixed styles on the pagination buttons. - Added ability to switch font to Source Code Pro (useSourceCodePro). - Added yellow theme. - Added grey theme. - Bold and remove underline for active page in header. - Removed markdownify on summary. - Only display date if present.
127 lines
3.6 KiB
JavaScript
127 lines
3.6 KiB
JavaScript
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
|
|
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
|
const TerserPlugin = require("terser-webpack-plugin");
|
|
|
|
const path = require("path");
|
|
|
|
const join = (...paths) => path.join(__dirname, ...paths);
|
|
|
|
module.exports = (env, { mode }) => ({
|
|
resolve: {
|
|
extensions: [".js", ".css"],
|
|
modules: ["assets", "node_modules"],
|
|
},
|
|
entry: {
|
|
main: join("assets", "js", "menu.js"),
|
|
languageSelector: join("assets", "js", "languageSelector.js"),
|
|
prism: join("assets", "js", "prism.js"),
|
|
style: join("assets", "css", "style.css"),
|
|
red: join("assets", "css", "color", "red.css"),
|
|
blue: join("assets", "css", "color", "blue.css"),
|
|
green: join("assets", "css", "color", "green.css"),
|
|
orange: join("assets", "css", "color", "orange.css"),
|
|
pink: join("assets", "css", "color", "pink.css"),
|
|
yellow: join("assets", "css", "color", "yellow.css"),
|
|
grey: join("assets", "css", "color", "grey.css"),
|
|
'style-scp': join("assets", "css", "style.css"),
|
|
'red-scp': join("assets", "css", "color", "red-scp.css"),
|
|
'blue-scp': join("assets", "css", "color", "blue-scp.css"),
|
|
'green-scp': join("assets", "css", "color", "green-scp.css"),
|
|
'orange-scp': join("assets", "css", "color", "orange-scp.css"),
|
|
'pink-scp': join("assets", "css", "color", "pink-scp.css"),
|
|
'yellow-scp': join("assets", "css", "color", "yellow-scp.css"),
|
|
'grey-scp': join("assets", "css", "color", "grey-scp.css"),
|
|
},
|
|
output: {
|
|
filename: "[name].js",
|
|
path: join("static/assets"),
|
|
publicPath: "",
|
|
},
|
|
performance: {
|
|
hints: false,
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.js$/,
|
|
exclude: /node_modules/,
|
|
use: {
|
|
loader: "babel-loader",
|
|
options: {
|
|
presets: ["@babel/preset-env"],
|
|
},
|
|
},
|
|
},
|
|
{
|
|
test: /\.(png|jpg|woff|woff2|ttf|eot|svg)$/,
|
|
use: [
|
|
{
|
|
loader: "url-loader",
|
|
options: {
|
|
limit: 8192,
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
test: /\.css$/,
|
|
use: [
|
|
MiniCssExtractPlugin.loader,
|
|
{
|
|
loader: "css-loader",
|
|
options: {
|
|
modules: {
|
|
localIdentName: "[local]",
|
|
},
|
|
import: true,
|
|
importLoaders: 1,
|
|
},
|
|
},
|
|
"postcss-loader",
|
|
],
|
|
},
|
|
],
|
|
},
|
|
optimization: {
|
|
splitChunks: {
|
|
name: "vendor",
|
|
minChunks: 2,
|
|
},
|
|
minimize: true,
|
|
minimizer: [
|
|
new TerserPlugin({
|
|
parallel: true,
|
|
extractComments: false,
|
|
}),
|
|
],
|
|
},
|
|
plugins: [
|
|
new CleanWebpackPlugin({
|
|
cleanOnceBeforeBuildPatterns: [join("static/assets")],
|
|
cleanAfterEveryBuildPatterns: [
|
|
join("static/assets/style.js"),
|
|
join("static/assets/blue.js"),
|
|
join("static/assets/green.js"),
|
|
join("static/assets/red.js"),
|
|
join("static/assets/pink.js"),
|
|
join("static/assets/orange.js"),
|
|
join("static/assets/yellow.js"),
|
|
join("static/assets/grey.js"),
|
|
join("static/assets/style-scp.js"),
|
|
join("static/assets/blue-scp.js"),
|
|
join("static/assets/green-scp.js"),
|
|
join("static/assets/red-scp.js"),
|
|
join("static/assets/pink-scp.js"),
|
|
join("static/assets/orange-scp.js"),
|
|
join("static/assets/yellow-scp.js"),
|
|
join("static/assets/grey-scp.js"),
|
|
],
|
|
verbose: true,
|
|
}),
|
|
new MiniCssExtractPlugin({
|
|
filename: "[name].css",
|
|
chunkFilename: "[id].css",
|
|
}),
|
|
],
|
|
});
|