Remove vue cli config
This commit is contained in:
Georg Krause
parent
06f636fec0
commit
ebb3d7deb5
|
|
@ -1,164 +0,0 @@
|
|||
const baseUrl = process.env.BASE_URL || '/front/'
|
||||
|
||||
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
|
||||
const webpack = require('webpack');
|
||||
const PreloadWebpackPlugin = require('preload-webpack-plugin');
|
||||
let plugins = [
|
||||
// do not include moment.js locales since it's quite heavy
|
||||
new webpack.IgnorePlugin({
|
||||
resourceRegExp: /^\.\/locale$/,
|
||||
contextRegExp: /moment$/
|
||||
}),
|
||||
new PreloadWebpackPlugin({
|
||||
rel: 'preload',
|
||||
include: ['audio', 'core', 'about']
|
||||
}),
|
||||
]
|
||||
if (process.env.BUNDLE_ANALYZE === '1') {
|
||||
plugins.push(new BundleAnalyzerPlugin())
|
||||
}
|
||||
// Disabled because it causes some issues, like #1032, since some useful rules are still
|
||||
// removed, and we cannot detect this during development
|
||||
// plugins.push(
|
||||
// new PurgecssPlugin({
|
||||
// paths: glob.sync([
|
||||
// path.join(__dirname, './public/index.html'),
|
||||
// path.join(__dirname, './public/embed.html'),
|
||||
// path.join(__dirname, './**/*.vue'),
|
||||
// path.join(__dirname, './src/**/*.js')
|
||||
// ]),
|
||||
// whitelist: ['scale'],
|
||||
// whitelistPatterns: [/plyr/, /toast/, /transition/, /visible/],
|
||||
// whitelistPatternsChildren: [/plyr/, /dropdown/, /upward/]
|
||||
// }),
|
||||
// )
|
||||
|
||||
module.exports = {
|
||||
publicPath: baseUrl,
|
||||
productionSourceMap: false,
|
||||
// Add settings for manifest file
|
||||
pwa: {
|
||||
name: 'Funkwhale',
|
||||
themeColor: '#f2711c',
|
||||
msTileColor: '#000000',
|
||||
appleMobileWebAppCapable: 'yes',
|
||||
appleMobileWebAppStatusBarStyle: 'black',
|
||||
workboxPluginMode: 'InjectManifest',
|
||||
manifestOptions: {
|
||||
display: 'standalone',
|
||||
start_url: '.',
|
||||
description: 'A social platform to enjoy and share music',
|
||||
scope: "/",
|
||||
categories: ["music"],
|
||||
icons: [
|
||||
{
|
||||
'src': baseUrl + 'favicon.png',
|
||||
'sizes': '192x192',
|
||||
'type': 'image/png'
|
||||
}, {
|
||||
'src': baseUrl + 'favicon.png',
|
||||
'sizes': '512x512',
|
||||
'type': 'image/png'
|
||||
},
|
||||
]
|
||||
},
|
||||
workboxOptions: {
|
||||
importWorkboxFrom: 'local',
|
||||
// swSrc is required in InjectManifest mode.
|
||||
swSrc: 'src/service-worker.js',
|
||||
swDest: 'service-worker.js',
|
||||
exclude: [
|
||||
new RegExp('js/locale.*'),
|
||||
new RegExp('js/moment-locale.*'),
|
||||
new RegExp('js/admin.*'),
|
||||
new RegExp('css/admin.*'),
|
||||
]
|
||||
},
|
||||
iconPaths: {
|
||||
favicon32: 'favicon.png',
|
||||
favicon16: 'favicon.png',
|
||||
appleTouchIcon: 'favicon.png',
|
||||
maskIcon: 'favicon.png',
|
||||
msTileImage: 'favicon.png'
|
||||
}
|
||||
},
|
||||
pages: {
|
||||
embed: {
|
||||
entry: 'src/embed.js',
|
||||
template: 'public/embed.html',
|
||||
filename: 'embed.html',
|
||||
chunks: ['chunk-vendors', 'chunk-common', 'chunk-embed-vendors', 'embed']
|
||||
},
|
||||
index: {
|
||||
entry: 'src/main.js',
|
||||
template: 'public/index.html',
|
||||
filename: 'index.html',
|
||||
chunks: ['chunk-vendors', 'chunk-common', 'chunk-index-vendors', 'index']
|
||||
}
|
||||
},
|
||||
chainWebpack: config => {
|
||||
// config.plugins.delete('prefetch-embed')
|
||||
// config.plugins.delete('preload-embed')
|
||||
// config.plugins.delete('prefetch-index')
|
||||
// TODO: Remove this workaround once https://github.com/vuejs/vue-cli/issues/2463 is fixed
|
||||
// Remove preload plugins for multi-page build to prevent infinite recursion
|
||||
['embed', 'index'].forEach(page => {
|
||||
config.plugins.delete(`preload-${page}`)
|
||||
config.plugins.delete(`prefetch-${page}`)
|
||||
})
|
||||
// needed to avoid having big dependedncies included in our lightweight
|
||||
// embed.html, cf https://github.com/vuejs/vue-cli/issues/2381
|
||||
const options = module.exports
|
||||
const pages = options.pages
|
||||
const pageKeys = Object.keys(pages)
|
||||
|
||||
// Long-term caching
|
||||
|
||||
const IS_VENDOR = /[\\/]node_modules[\\/]/
|
||||
|
||||
config.optimization
|
||||
.splitChunks({
|
||||
cacheGroups: {
|
||||
vendors: {
|
||||
name: 'chunk-vendors',
|
||||
priority: -10,
|
||||
chunks: 'initial',
|
||||
minChunks: 2,
|
||||
test: IS_VENDOR,
|
||||
enforce: true,
|
||||
},
|
||||
...pageKeys.map(key => ({
|
||||
name: `chunk-${key}-vendors`,
|
||||
priority: -11,
|
||||
chunks: chunk => chunk.name === key,
|
||||
test: IS_VENDOR,
|
||||
enforce: true,
|
||||
})),
|
||||
common: {
|
||||
name: 'chunk-common',
|
||||
priority: -20,
|
||||
chunks: 'initial',
|
||||
minChunks: 2,
|
||||
reuseExistingChunk: true,
|
||||
enforce: true,
|
||||
},
|
||||
},
|
||||
})
|
||||
},
|
||||
configureWebpack: {
|
||||
plugins: plugins,
|
||||
devtool: false
|
||||
},
|
||||
devServer: {
|
||||
disableHostCheck: true,
|
||||
// use https://node1.funkwhale.test/front-server/ if you use docker with federation
|
||||
public: process.env.FRONT_DEVSERVER_URL || ('http://localhost:' + (process.env.VUE_PORT || '8080'))
|
||||
},
|
||||
css: {
|
||||
loaderOptions: {
|
||||
sass: {
|
||||
implementation: require('sass')
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue