title: Vue-cli-3 "npm run build/watch": I want the same outputDir for WordPress theme
body: <p>I'm trying to get the same <code>outputDir</code> (and <code>publicPath</code>) for the 
  <code>npm run build</code>
  and 
  <code>npm run watch</code>
  commands.</p>
  
  <p>I'm trying to use vue-cli to create components that I can use within my WordPress Theme. My theme will pass the components the data they need via props. So, it would be <strong>most convenient</strong> if I could use npm run watch to build the various components and then have them output to the <code>/wp-content/themes/mytheme/js</code> folder so that all I have to do is hit refresh when I change something in the Vue component.</p>
  
  <p>So far, I have this in <code>vue.config.js</code> but it only works with <code>npm run build</code> and it includes all the various other stuff for an SPA which I <em>don't want</em>.</p>
  
  <pre><code>// vue.config.js
  const path = require('path')
  
  module.exports = {
      publicPath: '/wp-content/themes/wvd/dist/',
      outputDir: path.resolve(__dirname, "../../dist"),
      filenameHashing: false,
      chainWebpack: config =&gt; {
          config.optimization.delete('splitChunks')
      }
  }
  </code></pre>
  
  <p>is there any way to configure this, so that I can have just that <code>app.js</code> and <code>app.css</code> in the <code>...../dist</code> folder without all the other SPA stuff for both <code>npm run build</code> and <code>npm run watch</code>?</p>
  
  <p>Thanks. :) </p>