296 lines
9.3 KiB
JavaScript
296 lines
9.3 KiB
JavaScript
const path = require('path');
|
|
const webpack = require('webpack');
|
|
const nodeExternals = require('webpack-node-externals');
|
|
const env = require('dotenv').config({
|
|
path: `.env.${process.env.NODE_ENV.toLowerCase()}`,
|
|
}).parsed;
|
|
/* eslint-env node */
|
|
|
|
/*
|
|
* This file runs in a Node context (it's NOT transpiled by Babel), so use only
|
|
* the ES6 features that are supported by your Node version. https://node.green/
|
|
*/
|
|
|
|
// Configuration for your app
|
|
// https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js
|
|
|
|
const ESLintPlugin = require('eslint-webpack-plugin');
|
|
const { configure } = require('quasar/wrappers');
|
|
module.exports = configure(function (ctx) {
|
|
return {
|
|
// https://v2.quasar.dev/quasar-cli-webpack/supporting-ts
|
|
supportTS: false,
|
|
|
|
// https://v2.quasar.dev/quasar-cli-webpack/prefetch-feature
|
|
preFetch: true,
|
|
|
|
// app boot file (/src/boot)
|
|
// --> boot files are part of "main.js"
|
|
// https://v2.quasar.dev/quasar-cli-webpack/boot-files
|
|
boot: [
|
|
'main',
|
|
'directive',
|
|
{ path: 'store', server: false },
|
|
//{ path: 'directive', server: false },
|
|
//'axios'
|
|
],
|
|
|
|
// https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-css
|
|
css: [
|
|
// 'app.scss'
|
|
],
|
|
|
|
// https://github.com/quasarframework/quasar/tree/dev/extras
|
|
extras: [
|
|
// 'ionicons-v4',
|
|
// 'mdi-v5',
|
|
// 'fontawesome-v6',
|
|
// 'eva-icons',
|
|
// 'themify',
|
|
// 'line-awesome',
|
|
// 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both!
|
|
// 'roboto-font', // optional, you are not bound to it
|
|
// 'material-icons' // optional, you are not bound to it
|
|
],
|
|
|
|
// Full list of options: https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-build
|
|
build: {
|
|
vueRouterMode: 'history', // available values: 'hash', 'history'
|
|
env: {
|
|
...process.env,
|
|
},
|
|
// transpile: false,
|
|
// publicPath: '/',
|
|
|
|
// Add dependencies for transpiling with Babel (Array of string/regex)
|
|
// (from node_modules, which are by default not transpiled).
|
|
// Applies only if "transpile" is set to true.
|
|
transpileDependencies: [],
|
|
|
|
// rtl: true, // https://quasar.dev/options/rtl-support
|
|
// preloadChunks: true,
|
|
// showProgress: false,
|
|
// gzip: true,
|
|
// analyze: true,
|
|
|
|
// Options below are automatically set depending on the env, set them if you want to override
|
|
// extractCSS: false,
|
|
|
|
// https://v2.quasar.dev/quasar-cli-webpack/handling-webpack
|
|
// "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
|
|
|
|
chainWebpack(chain) {
|
|
chain.plugin('eslint-webpack-plugin').use(ESLintPlugin, [{ extensions: ['js', 'vue'] }]);
|
|
// chain.plugin('normal-module-replacement').use(
|
|
// new webpack.NormalModuleReplacementPlugin(/settings$/, function(resource) {
|
|
// resource.request = resource.request.replace(/settings$/, `settings/${process.env.NODE_ENV}`);
|
|
// })
|
|
// )
|
|
// require = require('esm')(module);
|
|
// const settings = require(`./src/settings`);
|
|
// chain.plugin('robotstxt-webpack-plugin')
|
|
// .use(new RobotstxtPlugin(settings.robotsTxt))
|
|
|
|
chain.module
|
|
.rule('images')
|
|
.test(/\.(png|jpe?g|gif|svg|webp|avif|ico)(\?.*)?$/)
|
|
.type('javascript/auto')
|
|
.use('url-loader')
|
|
.loader('url-loader')
|
|
.options({
|
|
esModule: false,
|
|
limit: 16384,
|
|
name: `assets/img/[name].[hash:8].[ext]`,
|
|
});
|
|
chain.module
|
|
.rule('videos')
|
|
.test(/\.(mp4|webm|mov)(\?.*)?$/)
|
|
.type('javascript/auto')
|
|
.use('url-loader')
|
|
.loader('url-loader')
|
|
.options({
|
|
esModule: false,
|
|
limit: 32768,
|
|
name: `assets/media/[name].[hash:8].[ext]`,
|
|
});
|
|
},
|
|
extendWebpack(cfg) {
|
|
cfg.resolve.alias = {
|
|
...cfg.resolve.alias,
|
|
'@': path.resolve(__dirname, './src'),
|
|
};
|
|
},
|
|
devtool: 'source-map',
|
|
},
|
|
|
|
// Full list of options: https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-devServer
|
|
devServer: {
|
|
server: {
|
|
type: 'http',
|
|
},
|
|
port: 5173,
|
|
open: false, // opens browser window automatically
|
|
},
|
|
|
|
// https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-framework
|
|
framework: {
|
|
config: {},
|
|
|
|
// iconSet: 'material-icons', // Quasar icon set
|
|
lang: 'ru', // Quasar language pack
|
|
|
|
// For special cases outside of where the auto-import strategy can have an impact
|
|
// (like functional components as one of the examples),
|
|
// you can manually specify Quasar components/directives to be available everywhere:
|
|
//
|
|
// components: [],
|
|
// directives: [],
|
|
|
|
// Quasar plugins
|
|
plugins: ['Meta'],
|
|
},
|
|
|
|
// animations: 'all', // --- includes all animations
|
|
// https://quasar.dev/options/animations
|
|
animations: [],
|
|
|
|
// https://v2.quasar.dev/quasar-cli-webpack/developing-ssr/configuring-ssr
|
|
ssr: {
|
|
pwa: false,
|
|
|
|
/**
|
|
* Manually serialize the store state and provide it yourself
|
|
* as window.__INITIAL_STATE__ to the client-side (through a <script> tag)
|
|
* (Requires @quasar/app-webpack v3.5+)
|
|
*/
|
|
manualStoreSerialization: false,
|
|
|
|
/**
|
|
* Manually inject the store state into ssrContext.state
|
|
* (Requires @quasar/app-webpack v3.5+)
|
|
*/
|
|
manualStoreSsrContextInjection: false,
|
|
|
|
/**
|
|
* Manually handle the store hydration instead of letting Quasar CLI do it.
|
|
* For Pinia: store.state.value = window.__INITIAL_STATE__
|
|
* For Vuex: store.replaceState(window.__INITIAL_STATE__)
|
|
*/
|
|
manualStoreHydration: true,
|
|
|
|
/**
|
|
* Manually call $q.onSSRHydrated() instead of letting Quasar CLI do it.
|
|
* This announces that client-side code should takeover.
|
|
*/
|
|
manualPostHydrationTrigger: false,
|
|
|
|
prodPort: 3004, // The default port that the production server should use
|
|
// (gets superseded if process.env.PORT is specified at runtime)
|
|
|
|
maxAge: 1000 * 60 * 60 * 24 * 30,
|
|
// Tell browser when a file from the server should expire from cache (in ms)
|
|
|
|
chainWebpackWebserver(chain) {
|
|
chain.plugin('eslint-webpack-plugin').use(ESLintPlugin, [{ extensions: ['js'] }]);
|
|
},
|
|
|
|
middlewares: [
|
|
ctx.prod ? 'compression' : '',
|
|
'render', // keep this as last one
|
|
],
|
|
},
|
|
|
|
// https://v2.quasar.dev/quasar-cli-webpack/developing-pwa/configuring-pwa
|
|
pwa: {
|
|
workboxPluginMode: 'GenerateSW', // 'GenerateSW' or 'InjectManifest'
|
|
workboxOptions: {}, // only for GenerateSW
|
|
|
|
// for the custom service worker ONLY (/src-pwa/custom-service-worker.[js|ts])
|
|
// if using workbox in InjectManifest mode
|
|
|
|
chainWebpackCustomSW(chain) {
|
|
chain.plugin('eslint-webpack-plugin').use(ESLintPlugin, [{ extensions: ['js'] }]);
|
|
},
|
|
|
|
manifest: {
|
|
name: 'IT Radio App',
|
|
short_name: 'IT Radio App',
|
|
description: 'IT Radio project',
|
|
display: 'standalone',
|
|
orientation: 'portrait',
|
|
background_color: '#ffffff',
|
|
theme_color: '#027be3',
|
|
icons: [
|
|
{
|
|
src: 'icons/favicon-16x16.svg',
|
|
sizes: '16x16',
|
|
type: 'svg',
|
|
},
|
|
// {
|
|
// src: 'icons/icon-192x192.png',
|
|
// sizes: '192x192',
|
|
// type: 'image/png',
|
|
// },
|
|
// {
|
|
// src: 'icons/icon-256x256.png',
|
|
// sizes: '256x256',
|
|
// type: 'image/png',
|
|
// },
|
|
// {
|
|
// src: 'icons/icon-384x384.png',
|
|
// sizes: '384x384',
|
|
// type: 'image/png',
|
|
// },
|
|
// {
|
|
// src: 'icons/icon-512x512.png',
|
|
// sizes: '512x512',
|
|
// type: 'image/png',
|
|
// },
|
|
],
|
|
},
|
|
},
|
|
|
|
// Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-cordova-apps/configuring-cordova
|
|
cordova: {
|
|
// noIosLegacyBuildFlag: true, // uncomment only if you know what you are doing
|
|
},
|
|
|
|
// Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-capacitor-apps/configuring-capacitor
|
|
capacitor: {
|
|
hideSplashscreen: true,
|
|
},
|
|
|
|
// Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-electron-apps/configuring-electron
|
|
electron: {
|
|
bundler: 'packager', // 'packager' or 'builder'
|
|
|
|
packager: {
|
|
// https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#options
|
|
// OS X / Mac App Store
|
|
// appBundleId: '',
|
|
// appCategoryType: '',
|
|
// osxSign: '',
|
|
// protocol: 'myapp://path',
|
|
// Windows only
|
|
// win32metadata: { ... }
|
|
},
|
|
|
|
builder: {
|
|
// https://www.electron.build/configuration/configuration
|
|
|
|
appId: 'it-radio',
|
|
},
|
|
|
|
// "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
|
|
|
|
chainWebpackMain(chain) {
|
|
chain.plugin('eslint-webpack-plugin').use(ESLintPlugin, [{ extensions: ['js'] }]);
|
|
},
|
|
|
|
chainWebpackPreload(chain) {
|
|
chain.plugin('eslint-webpack-plugin').use(ESLintPlugin, [{ extensions: ['js'] }]);
|
|
},
|
|
},
|
|
};
|
|
});
|