Unable to use with Stylus & GraphQL about vue-cli-plugin-electron-builder HOT 6 CLOSED

You need to modify the webpack config and add loaders for graphql/stylus. See here for more details.

Your vue.config.js should look something like this:

module.exports = {
  pluginOptions: {
    electronBuilder: {
      webpackConfig: {
        module: {
          rules: [
            {
              test: /\.styl$/,
              use: [
                { loader: "style-loader" },
                { loader: "css-loader" },
                { loader: "stylus-loader" }
              ]
            },
            {
              test: /\.(graphql|gql)$/,
              exclude: /node_modules/,
              loader: 'graphql-tag/loader',
            },
          ]
        },
        resolve: {
          extensions: [".vue", ".js", ".styl"]
        }
      }
    }
  }
};

Also make sure to add stylus, stylus-loader, and graphql-tag.

from vue-cli-plugin-electron-builder.

Thanks, but why we have to duplicate the same what already been done by vue-cli? That's one of the key functionalities of vue-cli 3 when a user doesn't have to manually define webpack config.

I think the plugin should give an opportunity to extend/inherit existing configs form vue.config.js, what do you think?

from vue-cli-plugin-electron-builder.

Nevermind, it works great :)
Thanks for the plugin btw!

from vue-cli-plugin-electron-builder.

Ahh, no, stylus loader doesn't work. It works great in Chrome, but not in Electron... So it seems like the plugin doesn't include the configuration from vue-cli-service.

from vue-cli-plugin-electron-builder.

I have tried to use the existing config with api.resolveWebpackConfig(), however, I get a slew of errors. So, unfortunately, I don't think this is possible. For now, you will have to write the electron webpack config by yourself.

I tried the stylus config myself and it worked fine, so I'm not sure why it didn't work for you. Can you attach your yarn/npm error log after you run build/serve:electron so I can see what went wrong. Also attach your vue.config.js. Thanks.

from vue-cli-plugin-electron-builder.

Resolved by changing vue.config.js.

@nklayman Thank you for your package, it works well!

from vue-cli-plugin-electron-builder.