Working example of `vue.config.js` for vue-cli-3 with electron-plugin support (https://github.com/nklayman/vue-cli-plugin-electron-builder), GraphQL and Stylus

gistfile1.txt

const path = require('path');

function resolve(dir) {
  return path.join(__dirname, dir);
}

module.exports = {
  pluginOptions: {
    graphqlMock: true,
    apolloEngine: true,
    electronBuilder: {
      webpackConfig: {
        module: {
          rules: [
            {
              test: /\.styl(us)?$/,
              oneOf: [
                {
                  resourceQuery: /module/,
                  use: [
                    {
                      loader: 'vue-style-loader',
                      options: {
                        sourceMap: false,
                        shadowMode: false,
                      },
                    },
                    {
                      loader: 'css-loader',
                      options: {
                        minimize: false,
                        sourceMap: false,
                        importLoaders: 2,
                        modules: true,
                        localIdentName: '[name]_[local]_[hash:base64:5]',
                      },
                    },
                    {
                      loader: 'postcss-loader',
                      options: {
                        sourceMap: false,
                      },
                    },
                    {
                      loader: 'stylus-loader',
                      options: {
                        sourceMap: false,
                        preferPathResolver: 'webpack',
                      },
                    },
                  ],
                },
                {
                  use: [
                    {
                      loader: 'vue-style-loader',
                      options: {
                        sourceMap: false,
                        shadowMode: false,
                      },
                    },
                    {
                      loader: 'css-loader',
                      options: {
                        minimize: false,
                        sourceMap: false,
                        importLoaders: 2,
                      },
                    },
                    {
                      loader: 'postcss-loader',
                      options: {
                        sourceMap: false,
                      },
                    },
                    {
                      loader: 'stylus-loader',
                      options: {
                        sourceMap: false,
                        preferPathResolver: 'webpack',
                      },
                    },
                  ],
                },
              ],
            },
            {
              test: /\.(graphql|gql)$/,
              exclude: /node_modules/,
              loader: 'graphql-tag/loader',
            },
          ],
        },
      },
    },
  },

  configureWebpack: {
    resolve: {
      alias: {
        Common: resolve('src/components/common'),
        Pages: resolve('src/components/pages'),
        Components: resolve('src/components'),
        Charts: resolve('src/components/charts'),
        Lib: resolve('src/lib'),
        Router: resolve('src/router'),
        Store: resolve('src/store'),
        StoreModules: resolve('src/store/modules'),
        GQ: resolve('src/GraphQL'),
        Mixins: resolve('src/mixins'),
      },
    },
  },
};