vue.config.js

const path = require("path");

module.exports = {
  outputDir: process.env.NODE_ENV === 'development' ? path.resolve(__dirname, 'dist_dev') : path.resolve(__dirname, 'dist'),
  chainWebpack: config => {
    if (process.env.NODE_ENV === 'development') {
      config
        .output
        // .filename('[name].[hash].js') 
        .filename('[name].js') 
        .end() 
    }


    // These are some necessary steps changing the default webpack config of the Vue CLI
    // that need to be changed in order for Typescript based components to generate their
    // declaration (.d.ts) files.
    //
    // Discussed here https://github.com/vuejs/vue-cli/issues/1081
    if(process.env.NODE_ENV === 'production') {
      config.module.rule("ts").uses.delete("cache-loader");

      config.module
        .rule('ts')
        .use('ts-loader')
        .loader('ts-loader')
        .tap(opts => {
          opts.transpileOnly = false;
          opts.happyPackMode = false;
          return opts;
        });
    }
  },
  parallel: false,
  css: {
    extract: true,
  }
}