150 lines
3.8 KiB
JavaScript
150 lines
3.8 KiB
JavaScript
const path = require("path")
|
|
const glob = require("glob")
|
|
|
|
const { WebpackManifestPlugin } = require("webpack-manifest-plugin")
|
|
const FaviconsWebpackPlugin = require("favicons-webpack-plugin")
|
|
const RemoveEmptyScriptsPlugin = require("webpack-remove-empty-scripts")
|
|
const CopyPlugin = require("copy-webpack-plugin")
|
|
const SRIPlugin = require("./webpack.plugins")
|
|
|
|
const nodeModulesPath = path.resolve(__dirname, "node_modules")
|
|
|
|
var config = {
|
|
entry: {
|
|
css: [
|
|
path.resolve("src", "sass", "main.scss"),
|
|
path.resolve("src", "sass", "mobile.scss"),
|
|
path.resolve("src", "sass", "print.scss")
|
|
],
|
|
bundle: path.resolve("src", "js", "app.js"),
|
|
mermaid: path.resolve("src", "js", "mermaid.js"),
|
|
katex: [path.resolve("src", "js", "katex.js")].concat(
|
|
glob.sync(path.join(nodeModulesPath, "katex", "dist", "fonts", "*.{woff,woff2}"))
|
|
),
|
|
search: [path.resolve("src", "js", "search.js")]
|
|
},
|
|
output: {
|
|
filename: "js/[name].bundle.min.js",
|
|
chunkFilename: "js/[name].chunk.min.js",
|
|
path: path.join(__dirname, "static"),
|
|
publicPath: "/",
|
|
clean: true
|
|
},
|
|
watchOptions: {
|
|
ignored: ["/exampleSite/", "/node_modules/"]
|
|
},
|
|
plugins: [
|
|
new CopyPlugin({
|
|
patterns: [
|
|
{
|
|
from: "**/*",
|
|
context: path.resolve(__dirname, "src", "static")
|
|
},
|
|
{
|
|
from: "fonts/*.{woff,woff2}",
|
|
context: path.resolve(__dirname, "build")
|
|
},
|
|
{
|
|
from: "sprites/*.svg",
|
|
to: path.resolve(__dirname, "assets"),
|
|
context: path.resolve(__dirname, "build")
|
|
}
|
|
]
|
|
}),
|
|
|
|
new FaviconsWebpackPlugin({
|
|
logo: path.resolve("src", "static", "favicon", "favicon.svg"),
|
|
cache: true,
|
|
prefix: "favicon/",
|
|
inject: false,
|
|
favicons: {
|
|
background: "#2f333e",
|
|
theme_color: "#2f333e",
|
|
icons: {
|
|
android: { offset: 10 },
|
|
appleIcon: { offset: 10 },
|
|
appleStartup: { offset: 10 },
|
|
favicons: true,
|
|
windows: { offset: 10 },
|
|
yandex: false,
|
|
coast: false
|
|
}
|
|
}
|
|
}),
|
|
|
|
new RemoveEmptyScriptsPlugin(),
|
|
|
|
new WebpackManifestPlugin({
|
|
fileName: "../data/assets.json",
|
|
publicPath: "",
|
|
writeToFileEmit: true,
|
|
generate(seed, files) {
|
|
let manifest = {}
|
|
|
|
files.forEach(function (element, index) {
|
|
if (element.name.endsWith(".svg")) return
|
|
|
|
Object.assign(manifest, {
|
|
[element.name]: { src: element.path }
|
|
})
|
|
})
|
|
|
|
return manifest
|
|
}
|
|
}),
|
|
|
|
new SRIPlugin({
|
|
sourceFile: "data/assets.json"
|
|
})
|
|
]
|
|
}
|
|
|
|
module.exports = (env, argv) => {
|
|
if (argv.mode === "development") {
|
|
config.devtool = "eval-cheap-source-map"
|
|
}
|
|
|
|
config.module = {
|
|
rules: [
|
|
{
|
|
test: /\.(woff|woff2|eot|ttf|otf)$/i,
|
|
type: "asset/resource",
|
|
generator: {
|
|
filename: "fonts/[name][ext]"
|
|
}
|
|
},
|
|
{
|
|
test: /\.(sa|sc|c)ss$/i,
|
|
type: "asset/resource",
|
|
generator: {
|
|
filename: "[name]-[contenthash:8].min.css"
|
|
},
|
|
use: [
|
|
{
|
|
loader: "postcss-loader",
|
|
options: {
|
|
postcssOptions: {
|
|
plugins: ["autoprefixer"]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
loader: "sass-loader",
|
|
options: {
|
|
sassOptions: {
|
|
// FIXME: https://github.com/webpack-contrib/sass-loader/issues/962#issuecomment-1002675051
|
|
sourceMap: argv.mode === "development" ? true : false,
|
|
sourceMapEmbed: argv.mode === "development" ? true : false,
|
|
outputStyle: "compressed",
|
|
includePaths: [nodeModulesPath]
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
|
|
return config
|
|
}
|