title: How to direct vue-cli to put built project files in different directories?
body: <p>Maybe 8-9 months ago I created a Webpacked Vue.js project with vue-cli and was able to modify <code>/build/webpack.dev.conf.js</code> to have it put the "compiled" <code>index.html</code> and JavaScript / CSS files in the right folders in my Flask app when I run <code>npm run build</code>.</p>
  
  <p>I am now showing someone else how to create a Vue.js / Flask app and I see that the way vue-cli works seems to have changed, so that I no longer have access to the <code>/build/</code> folder.</p>
  
  <p>I read the docs and <a href="https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md" rel="noreferrer">they seemed to say</a> that it now abstracts away the Webpack config ("<em>Since @vue/cli-service abstracts away the webpack config...</em>"), but that if I want to see Webpack's config options, I can do <code>vue inspect &gt; output.js</code>. I did that and don't see the entries in there that I changed when I did this eight months ago:</p>
  
  <p><code>/build/webpack.prod.conf.js</code>:</p>
  
  <pre><code>new HtmlWebpackPlugin({
    filename: process.env.NODE_ENV === 'testing'
  -    ? 'index.html'
  +    ? 'app.html'
      : config.build.index,
  -  template: 'index.html',
  +  template: 'app.html',
  </code></pre>
  
  <p><code>/build/webpack.dev.conf.js</code>:</p>
  
  <pre><code>new HtmlWebpackPlugin({
  -   filename: 'index.html',
  -   template: 'index.html',
  +   filename: 'app.html',
  +   template: 'app.html',
  </code></pre>
  
  <p><code>/config/index.js</code>:</p>
  
  <pre><code>module.exports = {
    build: {
      env: require('./prod.env'),
  -    index: path.resolve(__dirname, '../dist/index.html'),
  -    assetsRoot: path.resolve(__dirname, '../dist'),
  -    assetsSubDirectory: 'static',
  -    assetsPublicPath: '/',
  +    index: path.resolve(__dirname, '../../server/templates/app.html'),
  +    assetsRoot: path.resolve(__dirname, '../../server/static/app'),
  +    assetsSubDirectory: '',
  +    assetsPublicPath: '/static/app',
  </code></pre>
  
  <p>It looks like the <code>vue build</code> command-line command can accept an argument that allows you to specify the output directory, but I need to specify two different directories: one for the HTML file (which should live in Flask's <code>/templates/</code> folder), and another for the JavaScript / CSS code (which should go in Flask's <code>/static/</code> folder).</p>