Saya seorang pemula. Saya telah melihat banyak persekitaran es6 kompilasi tuan yang dibina menggunakan tegukan, dan saya telah mencubanya sendiri, tetapi saya masih tidak begitu memahami cara menggunakannya dalam projek sebenar
Saya'. telah melihat contoh yang ditulis oleh induk yang menggabungkan berbilang fail es6 Fail js yang disusun akhirnya digabungkan menjadi fail bundle.js dan bundle.js juga dirujuk dalam halaman.
Projek semasa saya mempunyai berbilang halaman Contohnya, a.html perlu merujuk a.js dan jquery.js, b.html perlu merujuk b.js dan jquery.js, dan c.html perlu merujuk b.js dan. c.js. dan jquery.js. Bagaimana untuk menyusun fail dalam kes ini, dan bagaimana untuk menggunakannya dalam html?
Situasi pertama yang anda nyatakan ialah anda menulis sendiri tugas
gulp
untuk menggabungkan berbilang fail menjadi satu failbundle.js
.gulp
任务,将多个文件最终合并成为一个bundle.js
文件。同样的,对于第二个你说的场景,你只需要写多个
gulp
任务,最终分别不同的入口文件打包不同的a.js
,b.js
等等。在
Begitu juga, untuk senario kedua yang anda nyatakan, anda hanya perlu menulis berbilang tugasanhtml
文件中对应引入即可,gulp
作为build
gulp
dan akhirnya membungkusa.js
yang berbeza ke dalam fail masukan yang berbeza, b. js dan sebagainya. 🎜 🎜Cuma perkenalkan dalam failhtml
gulp
boleh digunakan dalam mana-mana persekitaran sebagai alatbuild
Lagipun, persekitaran pengeluaran hanya menggunakan ia untuk menjana Ia hanya fail. 🎜Tugas tersuai
gulp
boleh memampatkan dan menggabungkan failjs
, hanya isytiharkan laluan fail.bundle.js
harus dijana olehwebpack
, yang dioptimumkan untuk ES6 dan keserasian penyemak imbas. Dalamhtml
, anda boleh terus memetik js yang dimampatkan dan digabungkan dalamindex.html
gulp
的自定义任务可以压缩和合并js
文件,只需要申明文件路径即可。bundle.js
应该是webpack
生成的,webpack
针对ES6和浏览器具有兼容性优化。在html
中可以直接在index.html
里引用压缩合并后的js即可在
Tambahkan monitor untuk failgulp
的watch
事件中添加针对js
文件的监听,这样即可在有任何监听的js
文件被修改后重新压缩合并所有js
js
dalam acarawatch
gulp
, supaya sebarangjs
yang dipantau selepas fail diubah suai, mampatkan semula dan gabungkan semua failjs
untuk kemas kini🎜