laravel-mix のインストール

laravel-mix をインストール

npm init -y
npm i -D laravel-mix cross-env
npm i
cp node_modules/laravel-mix/setup/webpack.config.js ./

webpack.mix.js 設置

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

mix.js('src/app.js', 'dist')
   .sass('src/app.scss', 'dist')
   .setPublicPath('dist')

package.json 変更

"scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "npm run development -- --watch",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
}

"--hide-modules" npm で対応していなかったので削除した

eslintのインストール

npm i -D laravel-mix-eslint eslint eslint-webpack-plugin
touch .eslintrc.js