const path = require('path');
const resolve = dir => path.join(__dirname, dir);

module.exports = {
  configureWebpack: {
    optimization: {
      minimize: false,
    },
  },
  chainWebpack: config => {
    if (config && config.plugins && config.plugins.has('optimize-css')) {
      config.plugins.delete('optimize-css');
    }
    config.resolve.alias.set('@', resolve('src'));
    config.plugin('html').tap(args => {
      args[0].cdn = { css: [], js: [] };
      return args;
    });
  },
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'scss',
      patterns: [
        path.resolve(__dirname, 'src/styles/common.scss'),
        path.resolve(__dirname, 'src/styles/tree-common.scss'),
      ],
    },
  },
};