Questions tagged [vue-cli-4]

Vue CLI is the official tooling for bootstrapping and maintaining your Vue projects. Offering a feature rich and extensible platform for using (or developing your own) plugins and preset in zero-configuration fashion, as well as future-proofing the upgradebility of your project and tooling configurations. Use this tag for questions specific to version 4.

Vue CLI, created and maintained by the Vue's core team, is the official tooling for bootstrapping and maintaining your Vue projects.

Offering a feature rich and extensible platform for using (or developing your own) plugins and preset in zero-configuration and easily configurable fashion, as well as future-proofing the upgradebility of your project and tooling configurations.

Vue CLI ecosystem currently offers these Core Plugins:

  • @vue/cli-plugin-babel
  • @vue/cli-plugin-typescript
  • @vue/cli-plugin-eslint
  • @vue/cli-plugin-pwa
  • @vue/cli-plugin-unit-jest
  • @vue/cli-plugin-unit-mocha
  • @vue/cli-plugin-e2e-cypress
  • @vue/cli-plugin-e2e-nightwatch

There's a community site Awesome Vue CLI packages for browsing all the plugins and presets available.

Use this tag for questions specific to version 4.

112 questions
0
votes
1 answer

VueJS executing data function too late (?)

EDIT: Solved thanks to @Mythos, but I'm very grateful to anyone who put their time into helping me, I was stuck on this for hours. Thanks a lot! I have a Vue.js project created using vue-cli 4 and Vue 2. It seems like a v-for I'm using to render a…
user16822346
0
votes
1 answer

The $ Does Not Convert Text To Code What Should I Do?

The $ Does Not Convert Text To Code What Should I Do? if(this.rules.min && this.value.length < this.rules.min){ return 'Minimum length is ${this.rules.min}' }
0
votes
1 answer

Vue CLI: Why does createApp work but Vue.createApp doesn't?

I'm confused about the difference between the CLI version of Vue.js and the normal version where you use a Vue istance. On the initial build, the App.js file looks something like this: import { createApp } from 'vue' import { App } from…
Zack Plauché
  • 3,307
  • 4
  • 18
  • 34
0
votes
1 answer

Having issues with vue-svg-loader - missing template or render function

I am getting issues trying to get vue-svg-loader to work. I posted this in the issues part of the plugin, but I am not sure if it is, or just that I have implemented it wrong. I am pretty new to Vue, so apologies if I am making a really stupid…
ChrisD
  • 59
  • 7
0
votes
1 answer

How to build files for two HTML pages using Vue?

Right now, I have two HTML files I want to build. My project structure is like so. |- node_modules |- public | |- blog | | |- some-page.html | |- index.html |- src (contains all the Vue components) |- Blog.Vue |- Index.Vue |-…
Richard
  • 7,037
  • 2
  • 23
  • 76
0
votes
2 answers

where to keep the css js images files in vue project

I am trying to convert an HTML template into vue project. I am very much confused about where to keep my css js files. Whether it should be in the public directory or it should be in the src directory?
0
votes
0 answers

How to modify when Vue CLI's WebPack CSS/SCSS loaders process data passed via `prependData`?

I have a collection of variables in a JSON file that I'm trying to share between styles (SCSS) and my Vue 3 (using the Vue CLI) environment. ./vars.json { "foo": 123, "bar": "abc" } Getting the JSON into the script side's consciousness is the…
Ito Pizarro
  • 1,607
  • 1
  • 11
  • 21
0
votes
1 answer

Vue relative path image dependecy not found

In my template I am using code OR It gives the following error This dependency was not…
0
votes
0 answers

Vue CLI 4.5 compile without 'js, css, fonts, images' directories

I would like to compile files via Vue CLI 4.5 however I want to omit the asset folders like js,css,img,fonts. This is how my vue.config.js file looks like right now. I tried to change the publicPath and assetsDir with no luck. module.exports = { …
Radical_Activity
  • 2,618
  • 10
  • 38
  • 70
0
votes
1 answer

The location of the plugin file obtained by vscode is inconsistent with the file location of the plugin file obtained by gitbash. How to uninstall?

For example, I have installed vuecli here, the vue version I got from the vscode terminal is installed in C:\Users\username\AppData\Roaming\npm\node_modules@vue\cli, and I opened the vue version obtained by gitbash It is installed in the custom…
gfddd1231
  • 11
  • 4
0
votes
1 answer

vue.config.js in Vue CLI, what else is there to change other than configureWebpack?

I'm new to the Vue CLI ecosystem. In vue.config.js (@vue/cli 4.5.9), other than configureWebpack, what is commonly changed inside?
Leon
  • 255
  • 3
  • 12
0
votes
1 answer

How to integrate custom SASS file and Vue3's SFC (Vue CLI)

I've a SASS architecture where I place all my styles. I just have one SASS file that imports every partial (including variables, mixin, etc). I'd like to know how can I get access to all those styles on each SFC that Vue offer to us, so I can use…
Lucas David Ferrero
  • 1,630
  • 14
  • 40
0
votes
1 answer

Vue CLI 4.x, How to change rule loader which is before babel-loader and after ts-loader?

I want to add async-catch-loader to auto inject try catch for my code. And my project was based on Vue CLI and TypeScript. So i need use webpack-chain to change the ts rule of webpack, which as show the below: { test: /\.m?jsx?$/, enforce:…
wuliu
  • 50
  • 4
0
votes
1 answer

Vue CLI 4 with bootstrap or Vuetify

Hey is it possible to use bootstrap or vuetify with Vue CLI 4 (Vue3)? I couldn't find any information on the vuetify site (says CLI 3 or higher) neither on the bootstrap site. I tried to install it, but I got the WARN default exports are missing...
TGee
  • 41
  • 1
  • 6
0
votes
1 answer

Why proxy in vue.config.js 404

I have a small front-end and back-end separated project with development environment and production environment, so I want to set the proxy to call api. vue/cli version is 4.6.5. file structs: src axios api.js request.js components home …
Qingfeng
  • 15
  • 1
  • 5