mtctonyhkhk2010's avatar

Is it possible to use Laravel Mix with Vuejs 1.0?

I have a legacy project that have a lot of Vuejs 1.0 code and .vue file in it, which are compiled to production code with Elixir. However, I tried to move on to Mix but there are a a lot of error when I tried to Mix it. It seems Mix doesn't support vue 1.0. Is it possible for me to make Laravel Mix work with Vuejs 1.0? Many thanks.

0 likes
5 replies
bipin's avatar

yes i m using it use vuejs 2 its getting extra feature

mehrancodes's avatar

It might be useful to save time for anyone who they have a Vue.js 1.0 project and want to use Laravel Mix

These are my dependencies:

"cross-env": "^3.2.3",
"laravel-mix": "0.*",
"vue-html-loader": "^1.2.4",
"vue": "^1.0.13",
"vue-loader": "8"
Jaytee's avatar

@mehrun I doubt developers will use Vue 1 for applications in the recent present, or future. Vue 3 is soon to release, so most users will either stick with Vue 2 or move up to Vue 3

mehrancodes's avatar

@jaytee well, me too! but I have a project in hand which is still in Vue v1.0 So I had to find a temp solution until we upgrade.

thes01's avatar

for an old project, I wanted to switch from elixir/gulp to mix, but keep Vue 1 - after some package alchemy, this finally worked:

"devDependencies": {
  "bootstrap-sass": "^3.3.0",
  "browser-sync": "^2.26.12",
  "browser-sync-webpack-plugin": "^2.0.1",
  "cross-env": "^3.2.3",
  "laravel-mix": "1.*",
  "resolve-url-loader": "^3.1.0",
  "sass": "^1.26.10",
  "sass-loader": "^7.1.0",
  "vue-html-loader": "^1.2.4",
  "vue-loader": "8",
  "webpack": "^3.0.0"
},
"dependencies": {
  "vue": "^1.0.20",
}

Please or to participate in this conversation.