Bagaimana untuk menggunakan fail es6 yang disusun gulp dalam projek sebenar?
PHP中文网
PHP中文网 2017-05-19 10:34:53
0
2
551

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?

PHP中文网
PHP中文网

认证0级讲师

membalas semua(2)
phpcn_u1582

Situasi pertama yang anda nyatakan ialah anda menulis sendiri tugas gulp untuk menggabungkan berbilang fail menjadi satu fail bundle.js. gulp任务,将多个文件最终合并成为一个bundle.js文件。

同样的,对于第二个你说的场景,你只需要写多个gulp任务,最终分别不同的入口文件打包不同的a.jsb.js等等。

html文件中对应引入即可,gulp作为build

Begitu juga, untuk senario kedua yang anda nyatakan, anda hanya perlu menulis berbilang tugasan gulp dan akhirnya membungkus a.js yang berbeza ke dalam fail masukan yang berbeza, b. js dan sebagainya. 🎜 🎜Cuma perkenalkan dalam fail html gulp boleh digunakan dalam mana-mana persekitaran sebagai alat build Lagipun, persekitaran pengeluaran hanya menggunakan ia untuk menjana Ia hanya fail. 🎜
伊谢尔伦

Tugas tersuai gulp boleh memampatkan dan menggabungkan fail js, hanya isytiharkan laluan fail. bundle.js harus dijana oleh webpack, yang dioptimumkan untuk ES6 dan keserasian penyemak imbas. Dalam html, anda boleh terus memetik js yang dimampatkan dan digabungkan dalam index.htmlgulp的自定义任务可以压缩和合并js文件,只需要申明文件路径即可。bundle.js应该是webpack生成的,webpack针对ES6和浏览器具有兼容性优化。在html中可以直接在index.html里引用压缩合并后的js即可

gulpwatch事件中添加针对js文件的监听,这样即可在有任何监听的js文件被修改后重新压缩合并所有js

Tambahkan monitor untuk fail js dalam acara watch gulp, supaya sebarang js yang dipantau selepas fail diubah suai, mampatkan semula dan gabungkan semua fail js untuk kemas kini🎜
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan