webpack.mix.js

const mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel applications. By default, we are compiling the CSS
 | file for the application as well as bundling up all the JS files.
 |
 */

// フロント
mix
  .ts('resources/assets/front/ts/app.tsx', 'public/assets/front/js')
  .sass('resources/assets/front/sass/app.scss', 'public/assets/front/css')

// 管理画面
mix
  .js('resources/assets/admin/js/app.js', 'public/assets/admin/js')
  .sass('resources/assets/admin/sass/app.scss', 'public/assets/admin/css')

const webpackConfig = {
    resolve: {
        alias: {
            "@": path.resolve(__dirname, "resources/assets/front/ts")
        }
    }
}

if (mix.inProduction()) {
  // 本番環境
  mix
  .webpackConfig(webpackConfig)
  .version()
} else {
  // 本番以外の環境
  mix
  .sourceMaps(true)
  .webpackConfig({
    ...webpackConfig,
    plugins: [
    ],
    module: {
      rules: [
        {
          enforce: 'pre', // preを指定することで、付いてないローダーより先に実行できる。
          test: /\.(js|jsx|ts|tsx)?$/,
          loader: 'eslint-loader',
          exclude: /node_modules/,
          options: {
            fix: true, // Lint実行時に自動整形を行うかどうか。（prettierのルールで自動整形してくれる）
            cache: false
          }
        }
      ],
    },
  })
}