title: Turn off hot reload on project started with vue-cli 3 (webpack 4.15.1)
body: <p>It looks like this configuration has changed for each version of webpack, and the project created with vue-cli changes the way the webpack configuration is specified. I've tried all the solutions I've found on this site and they all appear to be targeting different versions of webpack.</p>
  
  <p>I would like to <em>completely turn off automatic reloading of my webpage</em> when I make a change to a js file. I really don't mind hitting refresh myself, and the automatic reloading is often getting in the way.</p>
  
  <p>I created my project with:
  <code>
  npm install -g @vue/cli
  vue create my-project
  </code>
  and I start my dev server with:
  <code>
  npm run serve
  </code>
  which calls:
  <code>
  vue-cli-service serve
  </code>
  It looks like I should be able to pass something in my <code>vue.config.js</code> file, but I can't figure out what. There is a section in there <code>configureWebpack</code>, but I tried putting various solutions in there, but my page still refreshes continually.</p>
  
  <p>Thanks for any pointers! I have had a hard time finding up to date documentation on this.</p>
  
  <p>EDIT:</p>
  
  <p>I created a new project and I have the following <code>vue.config.js</code> file:</p>
  
  <pre><code>module.exports = {
    lintOnSave: false
  }
  </code></pre>
  
  <p>I see by the instructions that I need to use:</p>
  
  <pre><code>module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          hotReload: false // disables Hot Reload
        }
      }
    ]
  }
  </code></pre>
  
  <p>But I'm not sure where that goes. I think that is describing a different config file.</p>
  
  <p>Also, if I'm reading that correctly, that will only affect <code>.vue</code> files. What if I change a <code>.js</code> file?</p>