title: Vue Cli 3 disabling code splitting - Can't get rid of the hash file
body: <p>I have a <code>vue.config.js</code> setup that works nicely and cancels the default code splitting.</p>
  
  <p>But It's still outputs a CSS file with a hash identical to the CSS file with the nice name. I can write a script to delete it, but I wonder if there is a way to set the file to not output the CSS file with the hash.</p>
  
  <p><em>vue.config.js:</em></p>
  
  <pre class="lang-js prettyprint-override"><code>const webpack = require("webpack");
  const MiniCssExtractPlugin = require("mini-css-extract-plugin");
  module.exports = {
    outputDir: "../assets/",
    configureWebpack: {
      plugins: [
        new MiniCssExtractPlugin({
          filename: "/css/sales-report.css"
        })
      ],
      output: {
        filename: "./js/sales-report.js"
      }
    },
    chainWebpack: config =&gt; {
      config.optimization.delete("splitChunks");
    }
  }; 
  </code></pre>
  
  <p>The command line output looks like:
  <a href="https://i.stack.imgur.com/wcddj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wcddj.png" alt="screenshot"></a></p>
  
  <p>I would like to output only <code>../assets/js/sales-report.js</code> and <code>../assets/css/sales-report.css</code>, and I didn't find the correct setting to cancel the output of <code>../assets/css/app.fd4aa059.css</code>.</p>
  
  <p>If you want to test, this config will work any Vue CLI 3 project. What setting am I missing to cancel this file? </p>