কৌণিক 6 এ environment ng পরিবেশনার মাধ্যমে পরিবেশ কীভাবে সেট করবেন


169

আমি আমার কৌণিক 5.2 অ্যাপ্লিকেশনটি কৌনিক 6 এ আপডেট করার চেষ্টা করছি I আমি কৌনিক আপডেট গাইডের সফলভাবে নির্দেশাবলী অনুসরণ করেছি ( angular-cliv6- র আপডেট সহ ) এবং এখন আমি অ্যাপটির মাধ্যমে অ্যাপটি পরিবেশন করার চেষ্টা করছি

ng serve --env=local

তবে এটি আমার ত্রুটি দেয়:

অজানা বিকল্প: '--env'

আমি একাধিক পরিবেশ ( dev/local/prod) ব্যবহার করি এবং এটি এঙ্গুলার 5.2 তে কাজ করছিল in এখন আমি কৌনিক 6 এ পরিবেশটি কীভাবে সেট করতে পারি?


1
এর ভি,, আপনি angular-cliপুরো অ্যাপ্লিকেশনটির পাশাপাশি আপডেট করেছেন, তাই আমি এর স্পষ্টতই ভেবেছিলাম:]
মার্টিন অ্যাডামেক

5
মার্টিন খুব সাহায্যকারী তোমার অন্তর্দৃষ্টি ভাগ করার জন্যে ধন্যবাদ। বাস্তবে এটি অন্তত স্পষ্ট নয়।
ম্যাক্সএক্সএক্স

উত্তর:


303

আপনি নতুন ব্যবহার করতে হবে configurationবিকল্প (এই কাজ ng buildএবং ng serveপাশাপাশি)

ng serve --configuration=local

অথবা

ng serve -c local

আপনি যদি নিজের angular.jsonফাইলটি দেখুন, আপনি দেখতে পাবেন যে প্রতিটি কনফিগারেশনের (অট, অপ্টিমাইজার, পরিবেশ ফাইল, ...) জন্য আপনার সেটিংসের উপর আরও ভাল নিয়ন্ত্রণ রয়েছে)

"configurations": {
  "production": {
    "optimization": true,
    "outputHashing": "all",
    "sourceMap": false,
    "extractCss": true,
    "namedChunks": false,
    "aot": true,
    "extractLicenses": true,
    "vendorChunk": false,
    "buildOptimizer": true,
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts",
        "with": "src/environments/environment.prod.ts"
      }
    ]
  }
}

পরিবেশ সম্পর্কিত নির্দিষ্ট কনফিগারেশন পরিচালনার জন্য আপনি এখানে আরও তথ্য পেতে পারেন ।

নীচের অন্যান্য প্রতিক্রিয়ায় নির্দেশিত হিসাবে, আপনার যদি একটি নতুন 'পরিবেশ' যুক্ত করা প্রয়োজন, আপনাকে বিল্ড টাস্কে একটি নতুন কনফিগারেশন যুক্ত করতে হবে এবং আপনার প্রয়োজনের উপর ভিত্তি করে পরিবেশন এবং পরীক্ষার কার্যগুলিতেও যুক্ত করতে হবে।

নতুন পরিবেশ যুক্ত করা হচ্ছে

সম্পাদনা করুন : এটি পরিষ্কার করার জন্য, ফাইলের প্রতিস্থাপনগুলি buildবিভাগে নির্দিষ্ট করা আবশ্যক । সুতরাং আপনি যদি ng serveকোনও নির্দিষ্ট environmentফাইল ( dev2 বলে ) ব্যবহার করতে চান তবে আপনাকে প্রথমে buildএকটি নতুন ডিভ 2 কনফিগারেশন যুক্ত করার জন্য বিভাগটি সংশোধন করতে হবে

"build": {
   "configurations": {
        "dev2": {

          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.dev2.ts"
            }
            /* You can add all other options here, such as aot, optimization, ... */
          ],
          "serviceWorker": true
        },

তারপরে serveএকটি নতুন কনফিগারেশন যুক্ত করতে আপনার বিভাগটি সংশোধন করুন , আপনি ঠিক ঘোষণা করেছেন এমন ডি 2 build কনফিগারেশনের দিকে ইঙ্গিত করে

"serve":
      "configurations": {
        "dev2": {
          "browserTarget": "projectName:build:dev2"
        }

তারপরে আপনি ব্যবহার করতে পারেন ng serve -c dev2যা ডি 2 কনফিগারেশন ফাইলটি ব্যবহার করবে


আপনি কি জানেন যে কনফিগারেশনে বেস-href যুক্ত করাও সম্ভব? বা ঠিক এনজি বিল্ড - সি স্টেজিং --base-href = / yyy /
এডুয়ার্ডো টোলিনো

@ এডুয়ার্ডো টোলিনো: হ্যাঁ আপনি পারেন, একটি baseHrefবিকল্প আছে
ডেভিড

দেব পরিবেশের জন্য আমি কোথায় দূরবর্তী ডিবাগিং বন্দরটি নির্দিষ্ট করতে পারি? যাতে ডিবাগ করতে VSCode। ইন Angular 6অবশ্যই। যাতে ng serveকমান্ডটিতে Chromeব্রাউজারটি চালু করার সময় দূরবর্তী ডিবাগার পোর্ট অন্তর্ভুক্ত থাকে ।
স্টিফেন

তথ্য লিঙ্ক আপডেট হয়েছে: github.com/angular/angular-cli/wiki/…
মাতেও টিবাউকিরা

1
এনজি সার্ভিস-সি স্থানীয় "এনজি সার্ভিস" এর সাথে তুলনা করে অ্যাপ্লিকেশনটি সংকলন করতে সময় নেয়
ভগ্নেশ

46

এই উত্তর ভাল মনে হচ্ছে।
যাইহোক, এটি আমাকে ত্রুটির দিকে নিয়ে যায় কারণ এটি
Configuration 'xyz' could not be found in project ...
নির্মাণের সময় ত্রুটি হয়েছিল।
এটি কেবলমাত্র আপডেট বিল্ড কনফিগারেশনগুলিতেই নয়, পরিবেশন করাও প্রয়োজনীয় হয়।

সুতরাং কোনও বিভ্রান্তি না রেখে:

  1. --env সমর্থিত নয় angular 6
  2. --envরূপান্তরিত হয়ে গেল --configuration|| -c(এবং এখন আরও শক্তিশালী)
  3. নতুন এনভায়রনমেন্ট ফাইল যুক্ত করার সাথে সাথে বিভিন্ন এনভিকে পরিচালনা করার জন্য এখন angular.jsonফাইলটিতে কিছু পরিবর্তন করা দরকার :
    • বিল্ড { ... "build": "configurations": ... সম্পত্তিতে নতুন কনফিগারেশন যুক্ত করুন
    • নতুন বিল্ড কনফিগারেশনে কেবলমাত্র fileReplacementsঅংশ থাকতে পারে , (তবে আরও বিকল্প উপলব্ধ রয়েছে)
    • পরিবেশন { ... "serve": "configurations": ... সম্পত্তিটিতে নতুন কনফিগারেশন যুক্ত করুন
    • নতুন পরিবেশন কনফিগারেশন থাকতে হবেbrowserTarget="your-project-name:build:staging"

8

আপনি চেষ্টা করতে পারেন: ng serve --configuration=dev/prod

ব্যবহার বাড়ানোর জন্য: ng build --prod --configuration=dev

আশা করি আপনি ভিন্ন ধরণের পরিবেশ ব্যবহার করছেন।


এনজি সার্ভিস - কনফিগারেশন = দেব / প্রোড কমান্ড এনজি সার্ভিসের সাথে তুলনা করতে সময় নেয় কেন?
ভিগনেশ

এনজি সার্ভিস - কনফিগারেশন = প্রোড আরও বেশি সময় নেয় তবে এনজি সার্ভিস - কনফিগারেশন = ফাইল কমিয়ে দেওয়ার কারণে এবং প্রোডাকশন রেডি কোডের কারণে।
amku91

ঠিক আছে আমি যদি "এনজি সার্ভিস - কনফিগারেশন = দেব" কমান্ডটি ব্যবহার করি তবে এটি আরও বেশি সময় নিচ্ছে
Vignesh

না, আরও বেশি সময় নেওয়া উচিত নয়। উত্পাদনের জন্য কোডটি খাটোকরণ, কৃপণকরণ ও অনুকূলিতকরণের জন্য উন্নত পরিবেশের অতিরিক্ত পদক্ষেপ রয়েছে। আপনি যদি এই অতিরিক্ত পদক্ষেপগুলি স্পষ্টভাবে সক্রিয় না করেন তবে অন্য পরিবেশগুলির স্বাভাবিক সময় নেওয়া উচিত।
রেজিনাল্ডো কামারগো রিবেইরো

6

কৌণিক 2 - 5 এর জন্য কৌণিক ক্ষেত্রে একাধিক পরিবেশ নিবন্ধটি পড়ুন

কৌণিক 6 ব্যবহারের জন্য ng serve --configuration=dev

দ্রষ্টব্য: পাশাপাশি কৌণিক 6 এর জন্য একই নিবন্ধটি দেখুন। তবে আপনি যেখানেই --envব্যবহার করুন তার পরিবর্তে ব্যবহার করুন --configuration। এটি কৌণিক 6 জন্য ভাল কাজ করে।


2

আপনি উত্পাদন পরিবেশের ng serve -c devজন্য বিকাশ পরিবেশের ng serve -c prodজন্য কমান্ড ব্যবহার করতে পারেন

বিল্ডিংয়ের সময়ও একই প্রযোজ্য। আপনি ng build -c devদেব বিল্ড জন্য ব্যবহার করতে পারেন


2

কৌণিক আর ব্যবহার করে না --env পরিবর্তে আপনাকে ব্যবহার করতে হবে

ng serve -c dev

উন্নয়নের পরিবেশের জন্য এবং,

ng serve -c prod 

উত্পাদন জন্য।

দ্রষ্টব্য: -cবা--configuration


এটি জিজ্ঞাসা করা হয়েছিল এবং বছর পূর্বে উত্তর দেওয়া হয়েছিল, আপনার উত্তরটিও ভুল, এটির -c(একক ড্যাশ সহ) বা --configuration(ডাবল ড্যাশ সহ)।
মার্টিন অ্যাডেমেক

0

এই কমান্ডটি অ্যাঙ্গুলার 6 তৈরি করতে ব্যবহার করুন

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