Primo committ Notevole
This commit is contained in:
Paolo Arena
317
quasar.conf.js
Normal file
317
quasar.conf.js
Normal file
@@ -0,0 +1,317 @@
|
||||
// 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'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
;
|
||||
Reference in New Issue
Block a user