Saya mencoba memutakhirkan razzle untuk menggunakan webpack 5.
Tidak semua plugin contrib resmi webpack saat ini berfungsi di webpack 5, saat ini plugin mini-css-extract, start-server-webpack-plugin (mungkin lebih) adalah pemblokir untuk webpack 5 di razzle.
Beberapa perubahan yang diperlukan untuk memulai menggunakan webpack 5 dapat ditemukan di sini:
https://github.com/fivethreeo/razzle/tree/webpack5
Untuk mengujinya:
git clone https://github.com/fivethreeo/razzle.git<strong i="11">@webpack5</strong>
cd razzle
yarn global add lerna lernaupdate
lerna bootstrap
menjalankan tes:
yarn run e2e
mulai contoh:
npm run start --prefix=examples/basic/
membangun contoh:
npm run build --prefix=examples/basic/
perbarui paket dalam paket razzle tertentu, jalankan:
lernaupdate
tambahkan paket ke paket razzle, misalnya lodash ke razzle-dev-utils, jalankan:
lerna add --scope=razzle-dev-utils lodash
apakah webpack 5 sudah siap? Saya pikir itu sedang dalam pengembangan aktif
Webpack 5 masih dalam versi beta. Mencapai beta 14. Semakin dekat dan mencoba untuk sebagian besar kompatibel ke belakang. Saya juga berkontribusi pada start-server-plugin. Sudah «berikutnya» bekerja di webpack 5. Tapi webpack 5 masih menjadi target bergerak sampai sekarang. Tetapi melakukan beberapa rilis alfa setelah berhasil dapat membantu mengatasi masalah yang tidak terdeteksi.
ok, kami melakukan ini setelah Anda mendapatkan akses ke repo :)
apakah kamu punya akun di telegram? ayo ngobrol
razzle bekerja di webpack5! hanya start-server-webpack-plugin membutuhkan rilis baru :)
Itu berita bagus!
Apakah ini berarti razzle mendukung federasi modul ssr di luar kotak? 👀
Ketika ini masuk saya kira begitu. Tapi apa maksudmu? Saya tahu webpack tetapi bukan terminologinya.
Saya akan bermain-main dengan bangunan ini. Pekerjaan di htmlPlugin tampak hebat
dokumen webpack tentang federasi modul
diperbaiki di dev
Tolong ini statusnya apa? Apakah ada rencana untuk memasukkannya ke dalam versi Razzle yang akan datang?
Akan di 4.0, sudah bekerja di razzle@canary
Sekedar catatan tambahan, saya membuat aplikasi baru menggunakan 4.0.0-canary.19. Muncul dengan webpack 4.44.1
Setelah memperbarui ke webpack 5.14.0, gaya berhenti bekerja. Menambahkan pemuat khusus di razzle.config atau menggunakan razzle-plugin-scss, tetapi tetap tidak berfungsi.
Ini bekerja dengan 4.44.1 sebelumnya?
Pada Jumat, 15 Januari 2021 pukul 15:47, Luke Rocco [email protected] menulis:
Sekedar catatan tambahan, saya membuat aplikasi baru menggunakan 4.0.0-canary.19. Itu datang dengan
paket web 4.44.1Setelah memperbarui ke webpack 5.14.0, gaya berhenti bekerja. Menambahkan kustom
loader di razzle.config atau menggunakan razzle-plugin-scss, tetapi masih tidak mendapatkan
itu untuk bekerja.—
Anda menerima ini karena Anda mengubah status buka/tutup.
Balas email ini secara langsung, lihat di GitHub
https://github.com/jaredpalmer/razzle/issues/1187#issuecomment-760983884 ,
atau berhenti berlangganan
https://github.com/notifications/unsubscribe-auth/AAAADGXEUPRO5GFCN7IMH5TS2BIPVANCNFSM4KP5ZJUQ
.
--
yvind Saltvik
Ya, itu bekerja dengan 4.44.1. Menggunakan npx create-razzle-app<strong i="5">@canary</strong> my-app
.
Sebelum:
Setelah:
Saya juga mencoba menggunakan contoh scss npx create-razzle-app<strong i="14">@canary</strong> --example with-scss with-scss
Sebelum:
Setelah:
Tidak ada kesalahan di terminal dalam kedua kasus. Hanya kesalahan konsol yang ditunjukkan pada gambar setelahnya.
Upaya kedua saya adalah menambahkan aturan khusus di bawah ini di bawah webpackconfig.module.rules
. Memperbarui mini-css-extract-plugin
dari 0.9.0
menjadi 1.3.4
. Saya memiliki pengaturan ini yang berfungsi dalam proyek reaksi/webpack dasar. Tapi itu rusak saat memulai aplikasi.
{
test: /\.css$/,
use: [
MiniCssExtractPlugin.loader,
{
loader: "css-loader",
options: {
importLoaders: 1,
},
},
"postcss-loader",
],
exclude: /\.module\.css$/,
},
{
test: /\.css$/,
use: [
MiniCssExtractPlugin.loader,
{
loader: "css-loader",
options: {
importLoaders: 1,
modules: true,
},
},
"postcss-loader",
],
include: /\.module\.css$/,
},
{
test: /\.scss$/,
use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"],
}
Diperbaiki di v4.0.0-canary.20
Komentar yang paling membantu
Akan di 4.0, sudah bekerja di razzle@canary