Rails - How to remove vue.js with webpack

Question

I installed Vue.js with the command line:

bundle exec rails webpacker:install:vue

How can revert it and uninstall Vue.js?

tony19 · Accepted Answer · 2020-10-21 23:30:20Z

4

webpacker v5 currently doesn't have uninstall support, so you'd have to manually undo the install:vue command's actions:

Remove vue loader from config/webpack/loaders: Delete <rootDir>/config/webpack/loaders/vue.js
Remove vue loader: In <rootDir>/config/webpack/environment.js:

a. delete const { VueLoaderPlugin } = require('vue-loader')

b. delete environment.plugins.prepend('VueLoaderPlugin', new VueLoaderPlugin())

c. delete const vue = require('./loaders/vue')

d. delete environment.loaders.prepend('vue', vue)
Remove .vue file extension support from Webpack config: In the Webpacker config file, delete - .vue
Remove example entry file: Delete <srcDir>/hello_vue.js
Remove Vue app file: Delete <srcDir>/app.vue
Uninstall Vue dependencies: From <rootDir>, run yarn remove vue vue-loader vue-template-compiler

answered Oct 21, 2020 at 23:30

tony19

140k23 gold badges281 silver badges354 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1