独学者Fossa

独学していることなど

Fossa Advent Calendar 20日目

Fossa Advent Calendar 20日

Laravel Mix v6.0.0リリース

github.com

ようやく、v6.0.0がリリースされました。

Webpack v5Vue3に対応するために、時間がかかったような印象があります。

変更された点を書いておきます。*1

Laravel Mix v5(webpack.mix.js)

mix.webpackConfig({
  resolve: {
      alias: {
          "@": path.resolve(__dirname, "Resources/assets/vuejs")
      }
  }
});

mix.js(__dirname + "/Resources/assets/vuejs/app.js", "modules/core/js");

mix.sass(__dirname + "/Resources/assets/scss/public.scss", "css/public.css")
  .options({
      processCssUrls: false
});

Laravel Mix v6(webpack.mix.js)

mix.alias({
  '@': path.join(__dirname, 'Resources/assets/vuejs')
});

mix.js(__dirname + '/Resources/assets/vuejs/app.js', 'modules/core/js').vue({ version: 2 });

mix.sass(__dirname + '/Resources/assets/scss/public.scss', 'css/public.css', {
  sassOptions: {
    processCssUrls: false
  }
});

Laravel Mix v5(package.json)*2

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

Laravel Mix v6(package.json)*3

"scripts": {
    "development": "mix",
    "watch": "mix watch",
    "watch-poll": "mix watch -- --watch-options-poll=1000",
    "hot": "mix watch --hot",
    "production": "mix --production"
}

6.0.3で改善*4

32 |              <template v-for="(module, index) in modules">
33 |                <tr :key="index">
   |                    ^^^^^^^^^^^^

6.0.2までは、上記のようなERRORが表示されませんでした。

Vue3だと、<template>:keyが書けるようになったみたいですね。

*1:わかり次第、追記します

*2:追記:2020-12-22

*3:追記:2020-12-22

*4:追記:2020-12-24