Files
speckle-server/packages/frontend/esbuildPlugin.js
T
Kristaps Fabians Geikins e8869e210c feat(frontend): build speed & chunk structure optimization (#690)
* feat(frontend): build speed & chunk structure optimization

* fix: attempting to work around precommit inconsistent eslint config

* chore(pre-commit config): ignore mocharc for eslint

Co-authored-by: Gergő Jedlicska <gergo@jedlicska.com>
2022-04-13 10:21:24 +03:00

37 lines
941 B
JavaScript

/**
* Dev builds use esbuild instead of babel for improved speed
* @param {import('@vue/cli-service/lib/PluginAPI')} api
**/
function plugin(api) {
const isProdBuild = process.env.NODE_ENV === 'production'
const isDevBuild = !isProdBuild
if (!isDevBuild) return
api.chainWebpack((config) => {
const target = 'es2019'
const jsRule = config.module.rule('js').test(/\.m?jsx?$/)
// Delete babel related loaders
jsRule.uses.delete('thread-loader').delete('babel-loader')
// Add caching config
jsRule
.use('cache-loader')
.loader(require.resolve('cache-loader'))
.options(
api.genCacheConfig('js-esbuild-loader', {
target,
esbuildLoaderVersion: require('esbuild-loader/package.json').version
})
)
// Add new esbuild loader
jsRule.use('esbuild-loader').loader('esbuild-loader').options({
target
})
})
}
module.exports = plugin