VueJS in FiveM

FiveM Resource Development Discussion
12

I had some problems getting vue to work aswel but this is my vue.config.js

module.exports = {
  publicPath: "./",
  outputDir: "../../../ui",
  filenameHashing: false,
  productionSourceMap: false,
  chainWebpack: (config) => {
    config.optimization.delete("splitChunks");
    config.externals({
      moment: "moment",
    });
  },
};

I found that fivem did not like chunks so that’s why they are i set them to off.
Output dir can be your build dir or just remove it for the default.

The files section in my fxmanifest looks like this

files {
    "ui/index.html",
    "ui/*.png",
    "ui/css/*.css",
    "ui/img/*.svg",
    "ui/js/*.js"
}

With this all-new stuff added to your project such as images and components should just work without adding any thing

2 Likes