soapbox/webpack/rules/assets.js

81 wiersze
2.0 KiB
JavaScript

// Asset modules
// https://webpack.js.org/guides/asset-modules/
const { resolve } = require('path');
const svgToMiniDataURI = require('mini-svg-data-uri');
// These are processed in reverse-order
// We use the name 'packs' instead of 'assets' for legacy reasons
module.exports = [{
test: /\.(png|svg)/,
type: 'asset/resource',
include: [
resolve('app', 'images'),
resolve('node_modules', 'emoji-datasource'),
],
generator: {
filename: 'packs/images/[name]-[contenthash:8][ext]',
},
}, {
test: /\.(ttf|eot|svg|woff|woff2)/,
type: 'asset/resource',
include: [
resolve('app', 'fonts'),
resolve('node_modules', 'fork-awesome'),
resolve('node_modules', '@fontsource'),
],
generator: {
filename: 'packs/fonts/[name]-[contenthash:8][ext]',
},
}, {
test: /\.(ogg|oga|mp3)/,
type: 'asset/resource',
include: resolve('app', 'sounds'),
generator: {
filename: 'packs/sounds/[name]-[contenthash:8][ext]',
},
}, {
test: /\.svg$/,
type: 'asset/resource',
include: resolve('node_modules', 'twemoji'),
generator: {
filename: 'packs/emoji/[name]-[contenthash:8][ext]',
},
}, {
test: /\.svg$/,
type: 'asset/inline',
include: resolve('app', 'icons'),
generator: {
dataUrl: content => svgToMiniDataURI(content.toString()),
},
}, {
test: /\.svg$/,
type: 'asset/inline',
include: resolve('node_modules', 'bootstrap-icons'),
generator: {
dataUrl: content => svgToMiniDataURI(content.toString()),
},
}, {
test: /\.svg$/,
type: 'asset/inline',
include: resolve('node_modules', 'feather-icons'),
generator: {
dataUrl: content => svgToMiniDataURI(content.toString()),
},
}, {
test: /\.svg$/,
type: 'asset/inline',
include: resolve('node_modules', '@tabler'),
generator: {
dataUrl: content => svgToMiniDataURI(content.toString()),
},
}, {
test: /\.svg$/,
type: 'asset/resource',
include: resolve('node_modules', 'cryptocurrency-icons'),
generator: {
filename: 'packs/images/crypto/[name]-[contenthash:8][ext]',
},
}];