const webpack = require("webpack") export default { mode: 'spa', /* ** Headers of the page */ head: { title: process.env.npm_package_name || '', meta: [ {charset: 'utf-8'}, {name: 'viewport', content: 'width=device-width, initial-scale=1'}, {hid: 'description', name: 'description', content: process.env.npm_package_description || ''} ], link: [ {rel: 'icon', type: 'image/x-icon', href: '/favicon.ico'} ] }, /* ** Customize the progress-bar color */ loading: {color: '#fff'}, /* ** Global CSS */ css: [ '~/assets/css/bootstrap-grid-customized.css', '~/assets/css/fontawesome/css/all.min.css', '~/assets/sass/app.scss', ], /* ** Plugins to load before mounting the App */ plugins: [ '@/plugins/gsap', '@/plugins/scrollMagic', '@/plugins/components' ], /* ** Nuxt.js dev-modules */ buildModules: [], /* ** Nuxt.js modules */ modules: [ // Doc: https://bootstrap-vue.js.org 'bootstrap-vue/nuxt', // Doc: https://axios.nuxtjs.org/usage '@nuxtjs/axios', ], /* ** Axios module configuration ** See https://axios.nuxtjs.org/options */ axios: {}, /* ** Build configuration */ build: { vendor: ["jquery", "bootstrap"], plugins: [new webpack.ProvidePlugin({$: "jquery"})], /* ** Run ESLint */ /* ** You can extend webpack config here */ extend(config, ctx) { }, filenames: { app: ({isDev}) => isDev ? '[name].js' : '[name].js', chunk: ({isDev}) => isDev ? '[name].js' : '[name].js', css: ({isDev}) => isDev ? '[name].css' : '[name].css', img: ({isDev}) => isDev ? '[path][name].[ext]' : 'images/[name].[ext]', font: ({isDev}) => isDev ? '[path][name].[ext]' : 'fonts/[name].[ext]', video: ({isDev}) => isDev ? '[path][name].[ext]' : 'videos/[name].[ext]' } }, generate: { dir: '../../public/nuxt_build' }, router: { mode: 'history', middleware: 'routerGuards' } }