update vue.config.js

Signed-off-by: Stefan Dej <meteyou@gmail.com>
This commit is contained in:
Stefan Dej 2021-04-23 21:18:44 +02:00
parent abb19a4ac9
commit 11f46e8ec8
3 changed files with 1366 additions and 82 deletions

1289
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -53,12 +53,15 @@
"generate-file-webpack-plugin": "^1.0.1", "generate-file-webpack-plugin": "^1.0.1",
"monaco-editor-webpack-plugin": "^3.0.1", "monaco-editor-webpack-plugin": "^3.0.1",
"monaco-vscode-textmate-theme-converter": "^0.1.1", "monaco-vscode-textmate-theme-converter": "^0.1.1",
"node-sass": "^5.0.0",
"sass": "^1.32.8", "sass": "^1.32.8",
"sass-loader": "^10.1.1", "sass-loader": "^10.1.1",
"style-loader": "^2.0.0",
"sw-precache-webpack-plugin": "^1.0.0", "sw-precache-webpack-plugin": "^1.0.0",
"vue-cli-plugin-route": "0.0.7", "vue-cli-plugin-route": "0.0.7",
"vue-cli-plugin-vuetify": "^2.3.1", "vue-cli-plugin-vuetify": "^2.3.1",
"vue-i18n-extract": "^1.2.0", "vue-i18n-extract": "^1.2.0",
"vue-loader": "^15.9.6",
"vue-router": "^3.5.1", "vue-router": "^3.5.1",
"vue-template-compiler": "^2.6.12", "vue-template-compiler": "^2.6.12",
"vuetify-loader": "^1.7.2" "vuetify-loader": "^1.7.2"

View File

@ -7,75 +7,91 @@ const packageJson = fs.readFileSync('./package.json')
const version = JSON.parse(packageJson).version || 0 const version = JSON.parse(packageJson).version || 0
module.exports = { module.exports = {
productionSourceMap: false, productionSourceMap: false,
"transpileDependencies": [ "transpileDependencies": [
"vuetify" "vuetify"
], ],
pluginOptions: { pluginOptions: {
i18n: { i18n: {
locale: 'en', locale: 'en',
fallbackLocale: 'en', fallbackLocale: 'en',
localeDir: 'locales', localeDir: 'locales',
enableInSFC: true enableInSFC: true
} }
}, },
configureWebpack: { configureWebpack: {
plugins: [ plugins: [
new MonacoEditorPlugin({ new MonacoEditorPlugin({
// https://github.com/Microsoft/monaco-editor-webpack-plugin#options // https://github.com/Microsoft/monaco-editor-webpack-plugin#options
// Include a subset of languages support // Include a subset of languages support
// Some language extensions like typescript are so huge that may impact build performance // Some language extensions like typescript are so huge that may impact build performance
// e.g. Build full languages support with webpack 4.0 takes over 80 seconds // e.g. Build full languages support with webpack 4.0 takes over 80 seconds
// Languages are loaded on demand at runtime // Languages are loaded on demand at runtime
languages: ['css', 'javascript', 'html', 'shell'] languages: ['css', 'javascript', 'html', 'shell']
}), }),
new webpack.DefinePlugin({ new webpack.DefinePlugin({
'process.env': { 'process.env': {
PACKAGE_VERSION: '"' + version + '"' PACKAGE_VERSION: '"' + version + '"'
} }
}), }),
generate({ generate({
file: '.version', file: '.version',
content: 'v'+version content: 'v' + version
}) }),
] ],
}, },
pwa: { css: {
serviceWorker:false, loaderOptions: {
iconPaths: { sass: {
favicon16: 'img/icons/favicon-16x16.png', sassOptions: {
favicon32: 'img/icons/favicon-32x32.png',
appleTouchIcon: 'img/icons/apple-touch-icon-152x152.png',
msTileImage: 'img/icons/mstile-150x150.png'
},
manifestPath: 'manifest.json',
name: 'Mainsail',
themeColor: '#121212',
msTileColor: '#121212',
appleMobileWebAppCapable: 'yes',
appleMobileWebAppStatusBarStyle: 'black',
manifestOptions: { }
"short_name": "Mainsail", }
"name": "Mainsail", }
"start_url": "/", },
"display": "standalone", /*chainWebpack: config => {
"theme_color": "#D51F26", config.module
"background_color": "#121212", .rule('scss')
"icons": [ .use('sass-loader')
{ .loader('sass-loader')
"src": "./img/icons/icon-196-maskable.png", .end();
"sizes": "196x196", },*/
"type": "image/png", pwa: {
"purpose": "maskable", serviceWorker: false,
}, iconPaths: {
{ favicon16: 'img/icons/favicon-16x16.png',
"src": "./img/icons/icon-512-maskable.png", favicon32: 'img/icons/favicon-32x32.png',
"sizes": "512x512", appleTouchIcon: 'img/icons/apple-touch-icon-152x152.png',
"type": "image/png", msTileImage: 'img/icons/mstile-150x150.png'
"purpose": "maskable", },
}, manifestPath: 'manifest.json',
] name: 'Mainsail',
} themeColor: '#121212',
} msTileColor: '#121212',
appleMobileWebAppCapable: 'yes',
appleMobileWebAppStatusBarStyle: 'black',
manifestOptions: {
"short_name": "Mainsail",
"name": "Mainsail",
"start_url": "/",
"display": "standalone",
"theme_color": "#D51F26",
"background_color": "#121212",
"icons": [
{
"src": "./img/icons/icon-196-maskable.png",
"sizes": "196x196",
"type": "image/png",
"purpose": "maskable",
},
{
"src": "./img/icons/icon-512-maskable.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable",
},
]
}
}
} }