সিএসএস / জেএস ফাইলগুলি স্বয়ংক্রিয়ভাবে একত্রিত করতে আমার কী ব্যবহার করা উচিত?


14

আমি জাভাস্ক্রিপ্ট ফাইলগুলির সংমিশ্রণের জন্য স্প্রোককেট সম্পর্কে সচেতন , কিন্তু এটি চেষ্টা করি নি। কিছু অন্যান্য বিকল্প কী কী এবং সেগুলি কীভাবে সজ্জিত করা যায়?


2
এছাড়াও, প্রকৃত উত্তর না হলেও, আপনি রিসোর্স প্যাকেজগুলিতে আগ্রহী হতে পারেন: limi.net/articles/resource-packages দুর্ভাগ্যক্রমে, আমি মনে করি না যে কেউ এখনও এটি প্রয়োগ করেছে।
luiscubal

উত্তর:


4

আমি Asp.Net এর জন্য এমন একটি হ্যান্ডলার লিখেছিলাম যা YUI ব্যবহার করে আউটপুটকে সংকোচনে, একত্রীকরণ করতে এবং ক্যাশে করে।

উত্সটি এখানে: http://gist.github.com/130913


2

আমি ইতিমধ্যে অন্য প্রশ্নে এই বিষয়টি সম্বোধন করেছি

অন্ধকারে, আমি প্রোগ্রামার্স সাইটের পরিবর্তে ওয়েবমাস্টারগুলিতে এটি জিজ্ঞাসা করা উচিত ছিল।

আপনার কাছে 3 টি বিকল্প রয়েছে:

  1. আপনার কাঠামোটি এটি স্বয়ংক্রিয়ভাবে পরিচালনা করতে দিন
  2. আপনার ওয়েবসার্ভারটি এটি স্বয়ংক্রিয়ভাবে পরিচালনা করতে দিন
  3. এটি ম্যানুয়ালি করার জন্য আপনার নিজের বিকল্পটি রোল করুন

বিকল্প 1 (একটি কেকএইচপিপি এক্সটেনশন ব্যবহার করে):

আপনার সাইটে অ্যাসেটপ্যাকার ডাউনলোড এবং ইনস্টল করুন (যার জন্য জেসমিন এবং সিএসএসটিডি প্রয়োজন)। আপনার উত্সের কয়েকটি লাইন সংশোধন করুন যা জেএস ফাইলগুলি অন্তর্ভুক্ত করে। Wash-> Rinse-> পুনরাবৃত্তি করুন। ভয়েলা, বাকিটি আপনার জন্য স্বয়ংক্রিয়ভাবে সম্পন্ন হয়েছে।

আপনি যদি অন্য কিছু কাঠামো ব্যবহার করেন তবে সম্ভাবনা রয়েছে, এমন একটি সরঞ্জাম রয়েছে যা আপনার জন্য এটি সম্পাদন করবে। এটি ওয়েবদেব বিশ্বে একটি সাধারণ সাধারণ প্রয়োজন।

বিকল্প 2 (একটি অ্যাপাচি মোড ব্যবহার করে):

কটাক্ষপাত এ্যাপাচি জন্য Google PageSpeed গেলিক ভাষার । এটি আপনার বর্ণিত সমস্ত কিছু করে এবং আরও অনেক কিছু করে।

আপনার প্রোডাকশন সার্ভারের সংস্থানগুলি নিরীক্ষণ করতে ভুলবেন না। কিছু লোক এমন সমস্যা দেখছেন যেখানে এটি তাদের সার্ভারে খারাপ উপায়ে লোড বাড়ায়। আমি ইতিবাচক নই তবে কার্যকর বিকল্প হিসাবে এটির জন্য পর্যাপ্ত স্ট্যাটিক কৌশল প্রয়োজন হতে পারে।

বিকল্প 3:

আপনি যদি সত্যিই চান, আপনি এমন কিছু পিএইচপি যাদু তৈরি করতে পারেন যা জেএস ফাইলগুলির সার্ভারের সাথে সংযোগ দেয় এবং সমস্ত লিঙ্কটিকে এক সাথে যুক্ত করে তবে ... এই দুটি কৌশল ইতিমধ্যে যেভাবেই করছে what

ব্যক্তিগতভাবে, আমি দৃ strongly়ভাবে এই বিকল্পের বিরুদ্ধে পরামর্শ দেব।


যতদূর আমি জানি স্প্রোকেটস জেএস ফাইলগুলিকে অ্যাসেটপ্যাকারের মতোই একত্রিত করে, এটি কেবল একটি রুবি রত্ন হিসাবে প্রয়োগ করা হয়েছে। এটি যা করে না তা হ'ল জেএস কোডটি ছোট করা। সুতরাং, আপনি যদি এটি ব্যবহার করেন তবে এটি সম্ভবত জেসমিন রত্নটিকে ধরে রাখা ভাল ধারণা। কেকপিএইচপি-তে স্প্রোকেটস + জেএসমিন কীভাবে ব্যবহার করবেন সে সম্পর্কে তথ্যের জন্য এটি পরীক্ষা করে দেখুন

আমি জানি আমি কেকপিএইচপিকে জোর দিয়েছি কিন্তু ... আমি ধরে নিচ্ছি যে, যদি একটি প্লাগইন কেকপিএইচপি-র সাথে মানিয়ে নেওয়া যায় তবে এটি অন্য একটি কাঠামোর সাথে খাপ খাইয়ে নেওয়াও তুচ্ছ হওয়া উচিত।


1

একটি দ্রুত গুগল অনুসন্ধান CSS ফাইলগুলিকে একত্রিত করতে এটি খুঁজে পেয়েছে: http://www.tothepc.com/archives/combine- বোর্ড- মাল্টিপল- css-files /


দুর্ভাগ্যক্রমে সি # আমার উদ্দেশ্যগুলির জন্য সত্যই উপযুক্ত নয় তবে আশা করি কেউ এটি থেকে উপকৃত
হবেন

1

আপনি কি নিশ্চিত যে আপনি এগুলি একত্রিত করতে চান? আপনি যদি একটি সাধারণ গ্রন্থাগার ব্যবহার করেন তবে আপনি আপনার জাভাস্ক্রিপ্টগুলি সরবরাহ করতে একটি সিডিএন উপার্জন করতে পারেন। তারপরে আপনি ব্রাউজার ক্যাশে সুবিধা গ্রহণ করতে পারেন (ধরে নিচ্ছেন যে অন্যান্য সাইটগুলি একই সিডিএন ব্যবহার করছে) এবং বিতরণ বিতরণ। মাইক্রোসফ্ট এবং গুগলের প্রত্যেকটির সমাধান রয়েছে (আমি সৎভাবে কোনও ব্যবহার করি নি, তবে আমি অবশ্যই শুরু করতে চলেছি)) এবং অন্যগুলিও থাকতে পারে।


1

এএসপি.এনইটি প্রকল্পের জন্য, আমি কার্ল সেগুইনের নির্দেশের ভিত্তিতে এটিকে আমার বিল্ড প্রক্রিয়াটির একটি অংশ করে তুলেছি ।

কার্ল এটি তার ব্লগে সেরা বর্ণনা করেছেন তবে সংক্ষিপ্ত সংস্করণটি হ'ল ইউইউআইকম্প্রেসর মোড়ানো একটি কনসোল অ্যাপ্লিকেশন সেটআপ করা। তারপরে আপনি আপনার সাইটের জেএস ফাইলগুলির অবস্থানের বিপরীতে সেই কনসোল অ্যাপটিকে কল করতে একটি পোস্ট-বিল্ড টাস্ক সেট করতে পারেন।


1

আপনার ওয়েব অ্যাপ্লিকেশনটি পিএইচপি হয়, তাহলে আপনি ব্যবহার বিবেচনা করা উচিত অল্প করা :

এটি একাধিক সিএসএস বা জাভাস্ক্রিপ্ট ফাইলগুলিকে একত্রিত করে, অপ্রয়োজনীয় শ্বেতস্থান এবং মন্তব্যগুলি সরিয়ে দেয় এবং গিজিপ এনকোডিং এবং সর্বোত্তম ক্লায়েন্ট-সাইড ক্যাশে শিরোনামগুলির সাথে তাদের পরিবেশন করে।


1

এটি জানার জন্য পাইথন আসলে কার্যকর হতে পারে। আপনি পাইথনটি খুব দ্রুত শিখতে পারেন। আমি প্রায় 2 সপ্তাহ আগে শুরু করেছি এবং আমার প্রথম অ্যাপ্লিকেশন (যা এখনও শেষ হয়নি) আপনি চান ঠিক একই জিনিসটি করতে চলেছে। ডটলেস সংকলকের মতো এটিতে একটি ওয়াচ ফাংশন থাকবে যা ফাইল বা ডিরেক্টরিগুলি দেখবে এবং তারা যদি এটি পরিবর্তন করে তবে একটি নতুন ফাইল উত্পন্ন করবে।

পাইথন অন্যান্য রক্ষণাবেক্ষণের কাজের জন্যও দুর্দান্ত এবং আমি এটি ব্যবহার করতে পছন্দ করি এমন অনেক সিস্টেম প্রশাসক পড়েছেন read


আমি নিজেই পার্ল লোকের বেশি, এবং আমি সম্ভবত কিছু একসাথে হ্যাক করতে পারি, তবে আমি বরং কিছু প্রাক-বিদ্যমান সরঞ্জাম ব্যবহার করতাম (সম্ভবত, আমার দ্রুত এবং নোংরা প্রচেষ্টার চেয়ে আরও ভাল পরীক্ষা এবং আরও বৈশিষ্ট্য)।
সেবজায়ার

অদ্ভুত স্ব-প্রচার কিন্তু @ পিকেলস, ​​আপনি কি এই প্রকল্পে সহায়তা করতে আগ্রহী হবেন? কোড.google.com/p/lesscss-python
মেটালশার্ক

0

আমি মিনিপিপি তৈরি করেছি : পাইথন ব্যবহার করে জেএস এবং সিএসএস ফাইলকে একীভূত করতে এবং মাইনাইফ করার জন্য পাইথন 3 (ম্যাক ওএস, উইন্ডোজ এবং লিনাক্স সামঞ্জস্যপূর্ণ) এ একটি সরঞ্জাম লিখেছিল।

কোন ফাইলগুলি মার্জ করতে হবে, ন্যূনতম করতে হবে বা না হবে তা নির্ধারণ করতে মিনিফি একটি খুব সহজ জেএসএন কনফিগারেশন ফাইল ব্যবহার করে:

{
    "js": {
        "minify_files": [
            {"from": "static/file.js", "to":"static/file.min.js"},
        ],
        "merge_files": [
            {"from" : ["static/file1.js", "static/file2.js"], "to":"static/public.js", "to_min": "static/public.min.js"}
        ]
    },
    "css" : {
        "minify_files": [
            {"from": "static/file.css", "to":"static/file.min.css"},
        ],
        "merge_files": [
            {"from" : ["static/file1.css", "static/file2.css"], "to":"static/public.css", "to_min": "static/public.min.css"}
        ]
    }
}

আপনি এই সরঞ্জামটি সিএলআইতেও ব্যবহার করতে পারেন।

মিনিফিপি জেএস / সিএসএস ফাইলগুলিতে যে কোনও পরিবর্তন সনাক্ত করে এবং সেগুলি স্বয়ংক্রিয়ভাবে মার্জ / মাইনাইফ করুন (উন্নয়নের জন্য দরকারী)।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.