sad-final-project/webpack.mix.js at main · Hourja/sad-final-project · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
const mix = require('laravel-mix')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')

// require('laravel-mix-artisan-serve')

mix
  .webpackConfig({
    devtool: 'source-map',
    module: {
      rules: [
        {
          test: /\.s?css$/i,
          use: [
            MiniCssExtractPlugin.loader,
            'css-loader',
            {
              loader: 'sass-loader',
              options: {
                implementation: require('sass'),
                sassOptions: {
                  fiber: false
                }
              }
            }
          ]
        }
      ]
    },
    plugins: [new MiniCssExtractPlugin({})]
  })
  .js('resources/js/index.jsx', 'public/js')
  .react()
  .browserSync({
    host: 'localhost',
    port: 3000,
    proxy: {
      target: process.env.APP_URL // Yay! Using APP_URL from the .env file!
    }
  })
mix.disableNotifications()

// add versioning
mix.version()