javascript - gulp+webpack+vue ingin membuat baldi keluarga Adakah anda mempunyai sebarang pengenalan atau kod contoh artikel?

Question

Tapak web rasmi Vue mempunyai pembungkusan webpack yang disertakan dengan perancah vue-cli, tetapi saya mahu gulp disusun dan pakej web Vue adalah rangka kerja Saya ingin membuat projek perancah Family Bucket Saya tidak tahu bagaimana untuk memulakan. Saya meminta nasihat pakar!

Answer 1

Pertama sekali, mengapa menggunakan Gulp untuk menyusun? Apabila dia mula-mula mengetahui tentang Webpack, responden juga melaksanakan aliran kerja Gulp + Webpack Ia boleh berfungsi dan boleh dikekalkan, tetapi sebenarnya ia membawa kerumitan yang tidak perlu. Sebenarnya tiada tugas dalam sistem binaan yang memerlukan penggunaan Gulp. Dalam projek Gulp + Webpack, dua set konfigurasi pembungkusan peringkat seratus baris perlu dikekalkan, yang sebenarnya menyusahkan untuk digunakan. Fungsi Gulp boleh digantikan sepenuhnya dengan Skrip NPM, yang juga merupakan trend semasa. Adalah difahami bahawa anda ingin mengekalkan pengetahuan sedia ada anda tentang timbunan teknologi dan ingin memperkenalkan Gulp, tetapi ia tidak diperlukan.

Adalah disyorkan untuk menyelaraskan kod dan melaksanakan templat konfigurasi vue + webpack pada premis memahami konfigurasi Webpack vue-cli. Amalan penjawab adalah bahawa templat Webpack yang boleh memenuhi keperluan saiz projek Vue sederhana (10,000 baris) boleh diletakkan dengan hanya satu config.js, malah tidak perlu membezakan antara webpack.dev.js dan modul webpack.prod.js.

Untuk rujukan, ini ialah templat projek skala sederhana Vue peringkat 100 yang dinyatakan di atas Konfigurasi dalam 100 baris merealisasikan sokongan biasa untuk HMR, prapemproses, pengekstrakan kebergantungan, imej sebaris, pengekstrakan CSS, penjanaan HTML, proksi terbalik, dll. . Fungsi kejuruteraan bahagian hadapan:
https://github.com/doodlewind...

Ini ialah templat Gulpfile daripada projek Gulp + Webpack:
https://github.com/doodlewind...