318 lines
8.4 KiB
JavaScript
318 lines
8.4 KiB
JavaScript
// Configuration for your app
|
|
|
|
const path = require('path');
|
|
const helpers = require('./helpers');
|
|
const webpack = require('webpack');
|
|
const envparser = require('./config/envparser');
|
|
|
|
const PrerenderSPAPlugin = require('prerender-spa-plugin');
|
|
const Renderer = PrerenderSPAPlugin.PuppeteerRenderer;
|
|
|
|
const extendTypescriptToWebpack = (config) => {
|
|
config.resolve
|
|
.extensions
|
|
.add('.ts', '.js', '.vue');
|
|
config.resolve
|
|
.alias
|
|
.set('@components', helpers.root('src/components/index.ts'))
|
|
// .set('@components', helpers.root('src/components'))
|
|
.set('@views', helpers.root('src/views/index.ts'))
|
|
// .set('@views', helpers.root('src/components/views'))
|
|
.set('@src', helpers.root('src'))
|
|
.set('@css', helpers.root('src/statics/css/variables.scss'))
|
|
.set('@icons', helpers.root('src/statics/icons/*'))
|
|
.set('@images', helpers.root('src/statics/images/*'))
|
|
.set('@classes', helpers.root('src/classes/index.ts'))
|
|
.set('@utils', helpers.root('src/utils/index.ts'))
|
|
.set('@utils', helpers.root('src/utils/*'))
|
|
.set('@router', helpers.root('src/router/index.ts'))
|
|
.set('@validators', helpers.root('src/utils/validators.ts'))
|
|
.set('@methods', helpers.root('src/utils/methods.ts'))
|
|
.set('@api', helpers.root('src/store/Api/index.ts'))
|
|
.set('@paths', helpers.root('src/store/Api/ApiRoutes.ts'))
|
|
.set('@types', helpers.root('src/typings/index.ts'))
|
|
.set('@store', helpers.root('src/store/index.ts'))
|
|
.set('@modules', helpers.root('src/store/Modules/index.ts'));
|
|
config.module
|
|
.rule('typescript')
|
|
.test(/\.tsx?$/)
|
|
.use('typescript')
|
|
.loader('ts-loader')
|
|
.options({
|
|
appendTsSuffixTo: [/\.vue$/],
|
|
onlyCompileBundledFiles: true
|
|
})
|
|
};
|
|
|
|
const extendHTMLToWebpack = (config) => {
|
|
config.resolve
|
|
.extensions
|
|
.add('.html');
|
|
config.module
|
|
.rule('html')
|
|
.test(/\.html?$/)
|
|
.use('html')
|
|
.loader('vue-html-loader')
|
|
};
|
|
|
|
const elenco1 = ['/', ];
|
|
|
|
const extendPrerender = (config) => {
|
|
config
|
|
.plugin('prerender-spa-plugin')
|
|
.use(PrerenderSPAPlugin, [{
|
|
// Required - The path to the webpack-outputted app to prerender.
|
|
staticDir: path.join(__dirname, 'dist/spa'),
|
|
// Required - Routes to render.
|
|
routes: [...elenco1],
|
|
|
|
renderer: new Renderer({
|
|
injectProperty: '__PRERENDER_INJECTED',
|
|
inject: {
|
|
foo: 'bar'
|
|
},
|
|
// renderAfterDocumentEvent: 'custom-post-render-event',
|
|
renderAfterTime: 5000,
|
|
// maxConcurrentRoutes: 4,
|
|
// renderAfterElementExists: '#content',
|
|
headless: false,
|
|
})
|
|
}])
|
|
|
|
};
|
|
|
|
module.exports = function (ctx) {
|
|
return {
|
|
htmlVariables: {
|
|
appName: 'Notevole',
|
|
appDescription: 'Notevole',
|
|
keywords: 'Notevole',
|
|
},
|
|
// Quasar looks for *.js files by default
|
|
sourceFiles: {
|
|
router: 'src/router/index.ts',
|
|
store: 'src/store/index.ts'
|
|
},
|
|
// app plugins (/src/plugins)
|
|
boot: [
|
|
{ path: 'vue-i18n', server: true, client: true },
|
|
{ path: 'vue-meta', server: true, client: true },
|
|
{ path: 'axios', server: true, client: true },
|
|
{ path: 'vee-validate', server: true, client: true },
|
|
{ path: 'myconfig', server: true, client: true },
|
|
{ path: 'local-storage', server: true, client: true },
|
|
{ path: 'error-handler', server: true, client: true },
|
|
{ path: 'globalroutines', server: true, client: true },
|
|
{ path: 'vue-idb', server: true, client: true },
|
|
{ path: 'dragula', server: false, client: true },
|
|
{ path: 'guard', server: true, client: true }],
|
|
// { path: 'googlemap', server: true, client: true }],
|
|
css: [
|
|
'app.styl'
|
|
],
|
|
extras: [
|
|
'roboto-font',
|
|
'material-icons', // optional, you are not bound to it
|
|
'ionicons-v4',
|
|
// 'mdi-v3',
|
|
'fontawesome-v5'
|
|
],
|
|
supportIE: false,
|
|
aliases: {
|
|
quasar: path.resolve(__dirname, '../node_modules/@quasar/'),
|
|
src: path.resolve(__dirname, '../src'),
|
|
statics: path.resolve(__dirname, '../src/statics'),
|
|
components: path.resolve(__dirname, '../src/components')
|
|
},
|
|
build: {
|
|
showProgress: true,
|
|
env: envparser(),
|
|
scopeHoisting: true,
|
|
vueRouterMode: 'history',
|
|
vueCompiler: true,
|
|
gzip: false, // gzip true
|
|
analyze: false, // true
|
|
// extractCSS: false,
|
|
chainWebpack(config, { isServer, isClient }) {
|
|
extendTypescriptToWebpack(config);
|
|
// extendHTMLToWebpack(config);
|
|
config.resolve
|
|
.alias
|
|
.set('~', __dirname)
|
|
.set('@', helpers.root('src'))
|
|
// .set('env', helpers.root('config/helpers/env.js'))
|
|
config.module
|
|
.rule('template-engine')
|
|
.test(/\.pug$/)
|
|
.use('pug')
|
|
.loader('pug-plain-loader')
|
|
/*config.module
|
|
.rule('template-engine')
|
|
.test(/\.(gql|graphql)$/)
|
|
.loader('graphql-tag/loader') */
|
|
// extendPrerender(config);
|
|
}
|
|
},
|
|
dev: {
|
|
env: require('./.env.development'),
|
|
},
|
|
devServer: {
|
|
https: false,
|
|
port: 8084,
|
|
open: false // opens browser window automatically
|
|
},
|
|
// framework: 'all' --- includes everything; for dev only!
|
|
framework: {
|
|
components: [
|
|
'QLayout',
|
|
'QDrawer',
|
|
'QItemSection',
|
|
'QHeader',
|
|
'QFooter',
|
|
'QPageContainer',
|
|
'QPage',
|
|
'QPopupProxy',
|
|
'QToolbar',
|
|
'QToolbarTitle',
|
|
'QBtn',
|
|
'QBtnDropdown',
|
|
'QColor',
|
|
'QIcon',
|
|
'QIntersection',
|
|
'QList',
|
|
'QBtnToggle',
|
|
'QStepper',
|
|
'QItemLabel',
|
|
'QItem',
|
|
'QCard',
|
|
'QEditor',
|
|
'QMarkupTable',
|
|
'QSpace',
|
|
'QDialog',
|
|
'QBadge',
|
|
'QForm',
|
|
'QCardSection',
|
|
'QCardActions',
|
|
'QField',
|
|
'QInput',
|
|
'QSelect',
|
|
'QMenu',
|
|
'QToggle',
|
|
'QFab',
|
|
'QFabAction',
|
|
'QPageSticky',
|
|
'QInfiniteScroll',
|
|
'QAjaxBar',
|
|
'QChip',
|
|
'QChatMessage',
|
|
'QScrollArea',
|
|
'QExpansionItem',
|
|
'QCheckbox',
|
|
'QBanner',
|
|
'QInnerLoading',
|
|
'QSpinnerTail',
|
|
'QSpinnerHourglass',
|
|
'QDate',
|
|
'QTime',
|
|
'QSlideTransition',
|
|
'QTable',
|
|
'QUploader',
|
|
'QTh',
|
|
'QTr',
|
|
'QTd',
|
|
'QLinearProgress',
|
|
'QCircularProgress',
|
|
'QSlider',
|
|
'QPopupEdit',
|
|
'QCarousel',
|
|
'QCarouselControl',
|
|
'QCarouselSlide',
|
|
'QPageScroller',
|
|
'QAvatar',
|
|
'QImg',
|
|
'QSplitter',
|
|
'QRating',
|
|
'QParallax',
|
|
'QTab',
|
|
'QTabs',
|
|
'QTabPanels',
|
|
'QTabPanel',
|
|
'QTree',
|
|
'QVideo',
|
|
'QSeparator'
|
|
],
|
|
directives: [
|
|
'Ripple',
|
|
'ClosePopup'
|
|
],
|
|
// Quasar plugins
|
|
plugins: [
|
|
'Meta',
|
|
'Dialog',
|
|
'Notify',
|
|
'Cookies',
|
|
'Loading'
|
|
],
|
|
iconSet: 'fontawesome-v5',
|
|
lang: 'it', // Quasar language
|
|
},
|
|
animations: 'all',
|
|
ssr: {
|
|
pwa: {
|
|
runtimeCaching: [
|
|
{
|
|
urlPattern: '/statics',
|
|
handler: 'networkFirst'
|
|
},
|
|
{
|
|
// using a regex, especially useful
|
|
// when you have Vue Routes with parameters
|
|
urlPattern: /\/dashboard\/.*/,
|
|
handler: 'networkFirst'
|
|
}
|
|
]
|
|
},
|
|
componentCache: {}
|
|
},
|
|
pwa: {
|
|
// runtimeCaching: [
|
|
// {
|
|
// urlPattern: '/statics',
|
|
// handler: 'networkFirst'
|
|
// }
|
|
// ],
|
|
|
|
// workboxPluginMode: 'GenerateSW',
|
|
workboxPluginMode: 'InjectManifest',
|
|
workboxOptions: {
|
|
// skipWaiting: true,
|
|
// clientsClaim: true
|
|
// swSrc: 'src/sw.js',
|
|
},
|
|
manifest: {
|
|
name: 'Notevole',
|
|
version: '0.0.2',
|
|
short_name: 'Notevole',
|
|
description: '',
|
|
display: 'standalone',
|
|
orientation: 'portrait',
|
|
theme_color: '#ffffff',
|
|
background_color: '#ffffff',
|
|
icons: [
|
|
{
|
|
'src': 'statics/icons/android-chrome-192x192.png',
|
|
'sizes': '192x192',
|
|
'type': 'image/png'
|
|
},
|
|
{
|
|
'src': 'statics/icons/android-chrome-512x512',
|
|
'sizes': '512x512',
|
|
'type': 'image/png'
|
|
}
|
|
]
|
|
}
|
|
},
|
|
}
|
|
}
|
|
;
|