Mengoptimalkan dengan requirejs

Saat ini, kami sedang menyiapkan dependensi sebaris pada halaman html seperti ini

<html>
    <body>

        <article>
            Content
        </article>

        <script type="text/javascript">
            define([
                'View',
                'Model'
            ], function(View, Model){
                new View({ model: Model });
            });
        </script>

    </body>
</html>

Hampir setiap halaman tempat kami melakukan ini memiliki ketergantungan yang berbeda. Kami menghindari pembuatan file main.js karena itu berarti kami akan memiliki file main.js untuk setiap halaman ini.

Bagaimana cara terbaik menggunakan pengoptimal requirejs dalam kasus kita?


person Julian Krispel-Samsel    schedule 06.02.2013    source sumber
comment
Apa yang Anda maksud tentang 'main.js'? Pengaturan require.config atau penginisialisasi aplikasi? Saya agak bingung karena biasanya require digunakan untuk menginisialisasi aplikasi dalam satu halaman dan mengelola ketergantungan antara tampilan, model, dan skrip lain yang akan merender blok HTML kembali ke DOM. Menginisialisasi kebutuhan dari beberapa halaman HTML statis menggagalkan tujuannya.   -  person Alex Ehrnschwender    schedule 04.03.2013
comment
Saya juga menemukan persyaratan sulit digunakan dengan perpustakaan lain dan sebaliknya. Itu sebabnya saya membuat perpustakaan yang lebih mudah digunakan dan diuji dengan sudut. Ada aplikasi demo di bagian bawah: gngeorgiev.github.io/Modulerr.js Anda juga dapat menggabungkan semua skrip menjadi satu tanpa ketergantungan pada Modulerr.js   -  person Georgi-it    schedule 11.08.2014


Jawaban (2)


Saya jauh lebih sukses dalam merancang situs saya sehingga mereka berbagi main.js yang sama. Atau setidaknya membagi situs menjadi beberapa bagian kecil yang berbagi bangunan. Dibutuhkan perencanaan terlebih dahulu, namun jauh lebih mudah untuk dikelola, dan memanfaatkan cache browser dengan lebih baik dibandingkan satu build per halaman.

person shovemedia    schedule 02.11.2013
comment
Sebuah contoh akan bagus :) - person Julian Krispel-Samsel; 03.11.2013

Anda tidak dapat mengoptimalkan skrip inline dengan require.js. Anda harus melihat htmlcompressor.

Memiliki beberapa file main.js tidak menjadi masalah dengan require.js apa pun Anda menggunakan modul anonim atau tidak.

Olivier

person Bredele    schedule 25.03.2013