Vue-Cli: ‘title’ option for htmlWebpackPlugin does not work

Unfortunately the above answers didn’t help me. As stated in the offical documentation you only need to add the vue.config.js to your root folder and add the following: // vue.config.js module.exports = { chainWebpack: config => { config .plugin(‘html’) .tap(args => { args[0].title=”Your new title” return args }) } } Keep in mind that you … Read more

Vue cli 3 hot reload suddenly not working in browsers

My problem was WDS Console displayed: [HMR] Waiting for update signal from WDS… [WDS] Disconnected! GET http://ip:port/sockjs-node/info?t=some-number net::ERR_CONNECTION_TIMED_OUT sockjs.js?some-number Solution for me was: in package.json change “serve”: “vue-cli-service serve”, to “serve”: “vue-cli-service serve –host localhost”, or add module.exports = { devServer: { host: ‘localhost’ } } to vue.config.js 🙂

where to find or how to set htmlWebpackPlugin.options.title in project created with vue cli 3?

Looking at the popularity of the question, I decided to add an elaborate answer with references to make it more authentic and complete. I have also created an article on this topic and covered this topic in this and this courses. Though the question is looking for setting htmlWebpackPlugin.options.title, the ultimate effect is changing the … Read more

Using Environment Variables with Vue.js

Vue.js with Webpack If you use vue cli with the Webpack template (default config), you can create and add your environment variables to a .env file. The variables will automatically be accessible under process.env.variableName in your project. Loaded variables are also available to all vue-cli-service commands, plugins and dependencies. You have a few options, this … Read more

What is the difference between the views and components folders in a Vue project?

First of all, both folders, src/components and src/views, contain Vue components. The key difference is that some Vue components act as Views for routing. When dealing with routing in Vue, usually with Vue Router, routes are defined in order to switch the current view used in the <router-view> component. These routes are typically located at … Read more

tech