Razzle: Memutakhirkan ke webpack 5

Dibuat pada 4 Feb 2020  ·  17Komentar  ·  Sumber: jaredpalmer/razzle

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
webpack-config

Komentar yang paling membantu

Akan di 4.0, sudah bekerja di razzle@canary

Semua 17 komentar

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!

1237 cek circleci lewat

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.1

Setelah 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:
before

Setelah:
after

Saya juga mencoba menggunakan contoh scss npx create-razzle-app<strong i="14">@canary</strong> --example with-scss with-scss

Sebelum:
scss-before

Setelah:
scss-after

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

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

corydeppen picture corydeppen  ·  3Komentar

GouthamKD picture GouthamKD  ·  3Komentar

krazyjakee picture krazyjakee  ·  3Komentar

JacopKane picture JacopKane  ·  3Komentar

howardya picture howardya  ·  5Komentar