Laravel Mix v6.0.0リリース
ようやく、v6.0.0がリリースされました。
Webpack v5やVue3に対応するために、時間がかかったような印象があります。
変更された点を書いておきます。*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が書けるようになったみたいですね。
