semaphore/webpack/shared.config.js

40 lines
1.2 KiB
JavaScript

const svgs = require('../bin/svgs')
const fs = require('fs')
const path = require('path')
const $ = require('cheerio')
const inlineSvgs = svgs.filter(_ => _.inline).map(_ => `#${_.id}`)
const allSvgs = {}
const $inlineHtml = $(fs.readFileSync(path.join(__dirname, '../src/template.html'), 'utf8'))
const $externalSvgs = $(fs.readFileSync(path.join(__dirname, '../static/icons.svg'), 'utf8'))
svgs.forEach(_ => {
const $inlineSvg = $inlineHtml.find(`#${_.id}`)
const $svg = $inlineSvg.length ? $inlineSvg : $externalSvgs.find(`#${_.id}`)
allSvgs[`#${_.id}`] = {
viewBox: $svg.attr('viewBox'),
html: $svg.html()
}
})
const mode = process.env.NODE_ENV || 'production'
const dev = mode === 'development'
const resolve = {
extensions: ['.js', '.json', '.html'],
mainFields: ['svelte', 'module', 'browser', 'main'],
alias: {
// All browsers we target support Intl.PluralRules, so format-message-interpret can fall back to that. This file is
// pretty big (9.83kB) and it's not needed.
'./plurals': 'lodash-es/noop',
'lookup-closest-locale': 'lodash-es/noop' // small, but also not needed
}
}
module.exports = {
mode,
dev,
resolve,
inlineSvgs,
allSvgs
}