Build for production failing

[drinkmorewaters]

Is there any guidance on why builds will fail to go into production?

We have tried many different ways of setting production. Currently its successfully building, running and zipping but nothing will set this to production.

/* eslint-disable no-undef */
const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const { VueLoaderPlugin } = require('vue-loader');
const isDevelopment = process.env.NODE_ENV === 'development';

const alias = {
  jQuery: path.resolve('./node_modules/jquery'),
  $: path.resolve('./node_modules/jquery'),
  vue: 'vue/dist/vue.js'
};

const part = {
  resolve: {
    alias,
    extensions: ['.js', '.css', '.json', '.vue']
  },
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader'
      },
      {
        test: /.js$/,
        loader: 'babel-loader',
        exclude: /node_modules/
      },
      {
        test: /.(png|jpg|jpeg|gif|svg|woff|woff2|ttf|eot)$/,
        loader: 'url-loader',
        //include: path.join(__dirname, ''),
        options: {
          publicPath: './',
          limit: 10000
        }
      },
      {
        test: /\.pcss$/,
        exclude: [ /node_modules/, /assets\/static/ ],
        use: [
          {
            loader: MiniCssExtractPlugin.loader,
            options: {
              // you can specify a publicPath here
              // by default it uses publicPath in webpackOptions.output
              // publicPath: '../',
              hmr: isDevelopment,
              sourceMap: isDevelopment,
            },
          },
          'style-loader',
          'css-loader',
          'vue-style-loader',
        ]
      }
    ]
  },
  plugins: [
    new VueLoaderPlugin(),
    new MiniCssExtractPlugin(),
  ]
};

const purgecss = require('@fullhuman/postcss-purgecss')({
  // Specify the paths to all of the template files in your project
  content: [
    './src/**/*.html',
    './src/**/*.liquid',
    './src/**/*.vue',
    './src/**/*.jsx'
  ],

  // Include any special characters you're using in this regular expression
  defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []
});

module.exports =  {
  'webpack.extend': config => {
    return part;
  },
  'webpack.postcss.plugins': (config, defaultValue) => [
    require('tailwindcss'),
    require('autoprefixer'),
    require('cssnano')({
      preset: 'default',
    }),
    ...defaultValue,
    ...process.env.NODE_ENV === 'production' ? [purgecss] : []
  ]
};

[drinkmorewaters]

Gave up on this project folder and started a new one instead, it just wouldn't work. A new one is working albeit, not 100% of the time.

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.