কৌণিক-ক্লিমে যেখানে ওয়েবপ্যাক.কনফিগ.জেএস ফাইল রয়েছে - নতুন কৌণিক 6 এনজি ইজেক্টকে সমর্থন করে না

Question

আপডেট: ডিসেম্বর 2018 (দেখুন 'অনিকেত' উত্তর)

কৌণিক সিএলআই 6 এর সাথে আপনাকে বিল্ডার ব্যবহার করতে হবে যেমন এনজি এক্সটাকে অবমূল্যায়ন করা হয় এবং শীঘ্রই 8.0-এ সরানো হবে

আপডেট: জুন 2018: কৌণিক 6 এনজি এক্সটাকে সমর্থন করে না **

আপডেট: ফেব্রুয়ারী 2017: এনজি ইজেক্ট ব্যবহার করুন

আপডেট: নভেম্বর ২০১ 2016: কৌণিক-ক্লিমে এখন কেবল ওয়েবপ্যাক ব্যবহার করা হয়। আপনার কেবলমাত্র এনপিএম ইনস্টল -g কৌণিক-ক্লিপ দিয়ে সাধারণত ইনস্টল করা দরকার। "আমরা সিস্টেমজেএস থেকে ওয়েবপ্যাকে বিটা .১০ এবং বিটা .১৪ এর মধ্যে বিল্ড সিস্টেমটি পরিবর্তন করেছি।" তবে আসলে আমি কৌণিক-ক্লাইটটি কেবলমাত্র ফার্স স্ট্রাকচার এবং ফোল্ডারগুলিতে ব্যবহার করি এবং তারপরে আমি নিজে ওয়েবপ্যাক কনফিগার ব্যবহার করি

আমি এটি দিয়ে কৌণিক ক্লিপ ইনস্টল করেছি:

npm install -g angular-cli@webpack

যখন আমি কৌণিক 1 এবং ওয়েব প্যাক নিয়ে কাজ করেছি, আমি সমস্ত টাস্ক এবং প্লাগইনগুলি সম্পাদন করতে "webpack.config.js" ফাইলটি সংশোধন করতাম, তবে কৌনিক-ক্লাইমের সাথে তৈরি এই প্রকল্পটি আমি দেখি না যে এটি কাজ করে। এটা যাদু?

আমি যখন দেখি ওয়েবপ্যাকটি কাজ করছে:

ng serve 

"Version: webpack 2.1.0-beta.18"

তবে কৌণিক-ক্লিপ কনফিগারেশন যেভাবে কাজ করে তা আমি বুঝতে পারি না ...

Comments

এটি অন্তর্নির্মিত 2 ক্লিমে অন্তর্নির্মিত জুড়েছে। কোন ম্যাজিক সহজ সরল।

— জোড়োয়ার সিং

ধন্যবাদ @ মিঃজেসিংহ, তবে এখনও কি একটি কনফিগার ফাইল আছে? বা কেবল কৌণিক-ক্লিপ.জসনের সাথে কাজ করে? আমার আরও কনফিগার প্লাগইন দরকার নেই?

— স্ট্যাকডেভ

এটি এটি: নোড_মডিউলস \ @ ইংল্টুলস

— ভারতপেটেল

কৌণিক 6.0.8 বর্তমানে সমর্থন করে নাng eject

— রবার্ট লাভ

আমি পছন্দ করি যে ওপি পোস্টের প্রায় এক বছর পরে কিভাবে সঠিক উত্তর আপডেট করছে।

— আলোকিত

Answer 1

কৌণিক সিএলআই 6 এর সাথে আপনাকে বিল্ডার ব্যবহার করতে হবে যেমন এনজি ইজেক্টকে অবমূল্যায়ন করা হয় এবং শীঘ্রই 8.0-এ সরানো হবে। আমি যখন এনজি বের করার চেষ্টা করি তখন এটিই বলে it

আপনার কাস্টম ওয়েবপ্যাক কনফিগারেশন সরবরাহ করতে আপনি কৌনিক-বিল্ডার প্যাকেজ ( https://github.com/meltedspark/angular-builders ) ব্যবহার করতে পারেন ।

আমি আমার ব্লগে একটি একক ব্লগ পোস্টে সমস্ত সংক্ষিপ্ত করার চেষ্টা করেছি - কৌনিক ওয়েবপ্যাক কনফিগারেশন সহ কৌনিক সিএলআই 6 এ বিল্ড কনফিগারেশন কীভাবে অনুকূলিত করতে হয়

তবে মূলত আপনি নিম্নলিখিত নির্ভরতা যুক্ত করুন -

  "devDependencies": {
    "@angular-builders/custom-webpack": "^7.0.0",
    "@angular-builders/dev-server": "^7.0.0",
    "@angular-devkit/build-angular": "~0.11.0",

ইন angular.json করতে নিম্নলিখিত পরিবর্তনগুলি -

  "architect": {
    "build": {
      "builder": "@angular-builders/custom-webpack:browser",
      "options": {
        "customWebpackConfig": {"path": "./custom-webpack.config.js"},

বিল্ডার পরিবর্তন এবং নতুন বিকল্প কাস্টম ওয়েবপ্যাককনফিগের বিজ্ঞপ্তি। পরিবর্তনও

    "serve": {
      "builder": "@angular-builders/dev-server:generic",

সার্ভিস টার্গেটের জন্য আবার বিল্ডারে পরিবর্তন লক্ষ্য করুন। এই পরিবর্তনগুলি পোস্ট করুন আপনি একই রুট ডিরেক্টরিতে কাস্টম-ওয়েবপ্যাক.কনফিগ.জেএস নামে একটি ফাইল তৈরি করতে পারেন এবং সেখানে আপনার ওয়েবপ্যাক কনফিগারেশন যুক্ত করতে পারেন।

তবে, এখানে সরবরাহ করা এনজি ইজেক্ট কনফিগারেশনের বিপরীতে ডিফল্ট কনফিগারেশনের সাথে একত্রীকরণ করা হবে যাতে আপনি সম্পাদনা / যুক্ত করতে চান এমন পদক্ষেপগুলি যুক্ত করুন।

Comments

খুশী হলাম। ওয়েবপ্যাক কনফিগার করার জন্য একটি পদ্ধতি কৌণিক ডক্সে উল্লেখ করা উচিত। এটি আমার মতো নতুনদের সহায়তা করে।

— ওয়াজাহাথ

এই কৌণিক-বিল্ডার সেটআপটি আমার পক্ষে কাজ করে না, ng serveকেবল আউটপুট ছাড়াই 5 সেকেন্ড পরে প্রস্থান করে। আমার প্রকল্পে কৌণিক

— ক্লাইম

প্যাকেজ.জসনের scriptsসম্পত্তিতে আমাকে কি পরিবর্তন করতে হবে ?

— কৃষ্ণ প্রশাট

নোট করুন, কৌণিক-বিল্ডারগুলির সংস্করণে কৌণিক 8 এর জন্য, "@angular-builders/dev-server:generic@angular-builders/custom-webpack:dev-server অবচয় করা হয়েছে instead পরিবর্তে ব্যবহার করুন।" আপনি কি এই উত্তরটি প্রতিফলিত করতে আপডেট করতে পারেন?

— ব্রায়ান ম্যাকচ্যাটন

github.com/just-jeb/angular-builders/tree/master/packages/… - এর জন্য খুব সহজ নির্দেশাবলী ... - কৌনিক 9 ইউনিভার্সাল আইভীতে কাজ করে

— জোনাথন

Answer 2

কৌণিক- ক্লিপ থেকে ওয়েবপ্যাক.কনফিগ.জেএস বের করার একটি দুর্দান্ত উপায় রয়েছে । শেষ ঘন্টা:

$ ng eject

এটি আপনার প্রকল্পের মূল ফোল্ডারে ওয়েবপ্যাক.কনফিগ.জেগুলি তৈরি করবে এবং আপনি এটি যেভাবে চান কনফিগার করতে পারেন free এর নেতিবাচক দিকটি হ'ল আপনার প্যাকেজটিতে স্ক্রিপ্টগুলি তৈরি / আরম্ভ করুন son জসন নতুন কমান্ডের পরিবর্তে এবং পরিবর্তে পরিবর্তিত হবে

$ ng serve

আপনার মতো কিছু করতে হবে

$ npm run build & npm run start

এই পদ্ধতিটি কৌণিক-ক্লাইমের সমস্ত সাম্প্রতিক সংস্করণগুলিতে কাজ করা উচিত (আমি ব্যক্তিগতভাবে কয়েকটি চেষ্টা করেছি, প্রাচীনতমটি 1.0.0-beta.21 এবং সর্বশেষতম 1.0.0-বিটা.3.3.3 রয়েছে )

Comments

হতাশাই হ'ল এটি কেবলমাত্র পরিবেশ পরিবেশকে কনফিগার করে। পরিবর্তে প্রযোজনীয়

— jtsnr

@bebebe github.com/angular/angular-cli/issues/4907 আমি নিশ্চিত হতে বলেছি।

— কুনেপ্রো

@bebebe দয়া এখানে দেখতে stackoverflow.com/questions/42984558/...

— আন্তন Nikiforov

@ অ্যান্টননকিফোরভ ওয়েবপ্যাকটি বের করার পরে কীভাবে কনফিগার করবেন? আমি মনে করি ওয়েবপ্যাক কনফিগারেশন ফাইলটি এত জটিল দেখাচ্ছে। আমি এটিকে বের করার কারণ হ'ল আমি আমার প্রকল্পে পোস্টকএস ব্যবহার করতে চাই তবে ক্লিপ এখনই এটি সমর্থন করে না।

— এনজি 2-ফান

এনজি বিল্ড -W চালাবেন কীভাবে? এনপিএম রান বিল্ড-ওয়ে কাজ করে না, এনজি বিল্ড - প্রড এবং এনজি বিল্ড-ডি "কিছু" এর জন্য একই

— ভিক্টর ব্রিডহিন

Answer 3

এই ইস্যু অনুসারে , ব্যবহারকারীরা শেখার বক্ররেখা হ্রাস করতে ওয়েবপ্যাক কনফিগারেশনটি পরিবর্তন করতে না দেওয়ার একটি নকশার সিদ্ধান্ত ছিল।

ওয়েবপ্যাকে দরকারী কনফিগারেশন সংখ্যা বিবেচনা করে এটি একটি দুর্দান্ত ত্রুটি।

আমি angular-cliউত্পাদন অ্যাপ্লিকেশনগুলির জন্য ব্যবহার করার পরামর্শ দেব না , কারণ এটি অত্যন্ত মতামতযুক্ত।

Comments

আপনি আর্কিটেকচারের প্রতিটি প্রবাহ বুঝতে না পারলে কোনও ব্ল্যাকবক্সে প্রবেশের পরামর্শ দেওয়া হয়নি, কোনও প্রকল্পের উন্নয়নের মাঝে কিছু সমর্থিত না হলে বা কাস্টমাইজড করা সম্ভব না হলে এটি খুব ব্যয়বহুল হতে পারে।

— ইগনেতিয়াস অ্যান্ড্রু

Answer 4

সি এল এলির ওয়েবপ্যাক কনফিগারেশনটি এখন বের করা যেতে পারে। পরীক্ষা করে দেখুন আন্তন Nikiforov এর উত্তর ।

---

সেকেলে:

আপনি কনফিগার টেমপ্লেট হ্যাক করতে পারেন angular-cli/addon/ng2/models। ওয়েবপ্যাক কনফিগারেশনটি এখন পর্যন্ত সংশোধন করার কোনও আনুষ্ঠানিক উপায় নেই।

গিথুব সম্পর্কে এটি সম্পর্কে একটি "বদ্ধ-সংশোধন" সমস্যা রয়েছে: https://github.com/angular/angular-cli/issues/1656

Comments

অবশেষে আমি এই কঙ্কালটি ব্যবহার করি, কৌণিক-ক্লিপ ওয়েবপ্যাকের সাথে প্রকৃত কাজের জন্য প্রস্তুত নয়, প্রচুর সমস্যা আছে। আমি এটি ব্যবহার করার পরামর্শ দিচ্ছি: github.com/webpack/webpack-dev-server

— stackdave

আমি দুঃখিত, "বাস্তবায়ন হবে না" হিসাবে বিষয়টি বন্ধ হয়ে গেছে is :-(

— monnef

এছাড়াও এনপিজেজেএস / ইংলটুলস রয়েছে যেখানে আপনি ওয়েবপ্যাকটি পেতে পারেন যা সি এল আই স্ট্যান্ডअোনল চালায়। দেখুন youtu.be/uBRK6cTr4Vk?t=7m57s

— Mikeumus

Answer 5

আমি যা ভাবছি তা ওয়েবপ্যাকটি থাকা সহজ হবে যখন উত্পাদন প্রকাশ হবে।

এফওয়াইআই: https://github.com/Piusha/ngx-lazyloading

Answer 6

আপনার পরামর্শ অনুযায়ী ng ejectব্যবহার করতে পারেনngx-build-plus

বেশ কয়েকটি প্রকল্প রয়েছে যা নতুন কনফিগারেশন বিন্যাসের সাথে সংযোগে ব্যবহার করা যেতে পারে যা রক্ষণাবেক্ষণের ওভারহেড ছাড়াই বের করে দেওয়ার সুবিধা দেয়। এরকম একটি প্রকল্প হ'ল এনজিএক্স-বিল্ড প্লাস এখানে পাওয়া যায়: https://github.com/manfredsteyer/ngx-build-plus