কৌণিক CLI SASS বিকল্পগুলি

Question

আমি অ্যাঙ্গুলারে নতুন এবং আমি আম্বর সম্প্রদায় থেকে আসছি। অ্যাম্বার-সিএমএল ভিত্তিক নতুন কৌণিক-সিএলআই ব্যবহারের চেষ্টা করছেন।

একটি নতুন কৌণিক প্রকল্পে SASS পরিচালনা করার সেরা উপায়টি আমার জানা উচিত। আমি রেপোটি ব্যবহার করে ember-cli-sassদেখতে চেষ্টা করেছি যে এটিটি খেলতে পারে কিনা যেহেতু অ্যাংুলার-সি এল এলির বেশ কয়েকটি মূল উপাদান এমবার-সি এল এল মডিউলগুলি বন্ধ হয়ে যায়।

এটি কাজ করে নি তবে আবার নিশ্চিত হয়ে উঠেনি যে আমি কেবল কিছু ভুল কনফিগার করেছিলাম কিনা।

এছাড়াও, একটি নতুন কৌণিক প্রকল্পে শৈলীগুলি সংগঠিত করার সর্বোত্তম উপায় কী? উপাদানটির মতো একই ফোল্ডারে স্যাস ফাইলটি রাখা ভাল হবে।

Comments

আপনি কীভাবে এটি github.com/angular/matory2 এ ব্যবহার করেছেন উদাহরণস্বরূপ বোতাম উপাদান github.com/angular/matory2/tree/master/src/compferences/button

— G --nter Zöchbauer

Answer 1

কৌণিক সিএলআই সংস্করণ 9 (কৌণিক 9 প্রকল্প তৈরি করতে ব্যবহৃত হয়) এখন এর styleপরিবর্তে স্কিমেটিক্স থেকে উঠে আসে styleext। কমান্ডটি এটির মতো ব্যবহার করুন:
ng config schematics.@schematics/angular:component.style scss
এবং ফলস্বরূপ কৌণিক.জেসন এটির মতো দেখাবে

"schematics": {
   "@schematics/angular:component": {
      "style": "scss"
    }
  }

অন্যান্য সম্ভাব্য সমাধান এবং ব্যাখ্যা: সাস সাপোর্টের সাথে কৌনিক সিএলআই দিয়ে একটি নতুন প্রকল্প তৈরি

করতে , এটি চেষ্টা করুন:

ng new My_New_Project --style=scss 

আপনি এটি ব্যবহার করতে পারেন --style=sassএবং যদি আপনি পার্থক্যটি না জানেন তবে এই সংক্ষিপ্ত ও সহজ নিবন্ধটি পড়ুন এবং যদি আপনি এখনও জানেন না, কেবল সাথে যান scssএবং শিখুন।

আপনার যদি কৌনিক 5 প্রকল্প থাকে তবে আপনার প্রকল্পের কনফিগারেশন আপডেট করতে এই আদেশটি ব্যবহার করুন।

ng set defaults.styleExt scss

সর্বশেষ সংস্করণ জন্য

কৌনিক 6 সিএলআই সহ বিদ্যমান প্রকল্পে নতুন স্টাইল সেট করার জন্য:

ng config schematics.@schematics/angular:component.styleext scss

অথবা সরাসরি কৌণিক.জেসনের মধ্যে:

"schematics": {
      "@schematics/angular:component": {
      "styleext": "scss"
    }
}

Comments

তারপরে আপনি এটিকে Angular.cli.json থেকে পরিবর্তন করতে পারেন এই ফাইলে "ডিফল্ট" আছে: {"স্টাইলইেক্সট": "সিএসএস", "প্রিফিক্স ইন্টারফেসস": মিথ্যা, "ইনলাইন": {"স্টাইল": মিথ্যা, "টেম্পলেট": ভুয়া} আপনি স্টাইলটি পরিবর্তন করতে পারেনেক্সট

— মের্টকান ডিকেন

ng set defaults.styleExt scss

— সেবাস

styleসম্পত্তি পরিবর্তন করতে ভুলবেন scssনা.angular-cli.json

— OST

ng set defaults.styleExt scss --global

— জোশুয়া ডেভিড

কৌনিক 6 এর জন্য বিদ্যমান প্রকল্পে নতুন স্টাইল সেট করতেng config schematics.@schematics/angular:component.styleext scss

— নেহাল দামানিয়া

Answer 2

কৌণিক 6+ এর জন্য আপডেট

1. নতুন প্রকল্প

   যখন একটি নতুন প্রকল্প উৎপাদিত কৌণিক CLI সঙ্গে, যেমন CSS প্রাক প্রসেসর উল্লেখ

   • এসসিএসএস সিনট্যাক্স ব্যবহার করুন

     ng new sassy-project --style=scss
     

   • SASS সিনট্যাক্স ব্যবহার করুন

     ng new sassy-project --style=sass
     

2. বিদ্যমান প্রকল্প আপডেট করা হচ্ছে

   চলমান দ্বারা একটি বিদ্যমান প্রকল্পে ডিফল্ট শৈলী সেট করুন

   • এসসিএসএস সিনট্যাক্স ব্যবহার করুন

     ng config schematics.@schematics/angular:component.styleext scss
     

   • SASS সিনট্যাক্স ব্যবহার করুন

     ng config schematics.@schematics/angular:component.styleext sass
     

   উপরের কমান্ডটি আপনার ওয়ার্কস্পেস ফাইল (অ্যাঙ্গুলার.জসন) এর সাথে আপডেট করবে

   "schematics": {
       "@schematics/angular:component": {
           "styleext": "scss"
       }
   } 
   

   যেখানে styleextহয় scssবা sassপছন্দ অনুযায়ী হতে পারে ।

---

আসল উত্তর (কৌণিক <6 এর জন্য)

নতুন প্রকল্প

নতুন প্রকল্পগুলির জন্য আমরা বিকল্পগুলি --style=sassবা --style=scssকাঙ্ক্ষিত গন্ধ এসএএসএস / এসসিএসএস অনুসারে সেট করতে পারি

• SASS সিনট্যাক্স ব্যবহার করুন

  ng new project --style=sass 
  

• এসসিএসএস সিনট্যাক্স ব্যবহার করুন

  ng new project --style=scss 
  

তারপরে ইনস্টল করুন node-sass,

npm install node-sass --save-dev

---

বিদ্যমান প্রকল্পগুলি আপডেট করা

এর angular-cliসাথে স্যাস ফাইলগুলি সংকলন করতে node-sassআমাকে চালাতে হয়েছিল,

npm install node-sass --save-dev 

যা ইনস্টল node-sass। তারপর

• SASS বাক্য গঠন জন্য

  ng set defaults.styleExt sass
  

• এসসিএসএস সিনট্যাক্সের জন্য

  ng set defaults.styleExt scss
  

ডিফল্ট স্টাইলকে স্যাসে সেট করতে

(বা)

পরিবর্তন styleExtকরার জন্য sassবা scssকাঙ্ক্ষিত বাক্য গঠন জন্য .angular-cli.json,

• SASS বাক্য গঠন জন্য

  "defaults": {
       "styleExt": "sass",
  }
  

• এসসিএসএস সিনট্যাক্সের জন্য

  "defaults": {
       "styleExt": "scss",
  }
  

---

যদিও এটি সংকলক ত্রুটি তৈরি করেছে।

ERROR in multi styles
Module not found: Error: Can't resolve '/home/user/projects/project/src/styles.css' in '/home/user/projects/project'
 @ multi styles 

যা লাইন পরিবর্তন করে স্থির করা হয়েছিল .angular-cli.json,

"styles": [
        "styles.css"
      ],

হয়,

• SASS বাক্য গঠন জন্য

  "styles": [
          "styles.sass"
        ],
  

• এসসিএসএস সিনট্যাক্সের জন্য

  "styles": [
          "styles.scss"
        ],
  

Comments

শুধু আমার সাথে কষ্ট দিয়েছে ছিল angular-cli.jsonআসলে .angular-cli.json। আমি যখন এটি উপলব্ধি করলাম, আমি এটি সম্পাদনা করেছি এবং এটি পুরোপুরি কাজ করছে। ধন্যবাদ.

— ওল্ডটাইমগুইটারগুই

@ ওল্ডটাইমগুইটারগুই এটি দেখানোর জন্য ধন্যবাদ, একবার নামক angular-cli.jsonফাইলটি .angular-cli.jsonসম্প্রতি একটি লুকানো ফাইল ( ) হিসাবে পরিবর্তিত হয়েছিল (আরসি 2)। সংশোধন করা হয়েছে।

— সমস্ত Іѕ Vаиітy

.cssসাস সিনট্যাক্সটি সঠিকভাবে সনাক্ত করার জন্য আপনি যদি কোনও বিদ্যমান ফাইলটির নাম পরিবর্তন করে থাকেন তবে আপনার সম্পাদকের কাছে এটি বন্ধ এবং পুনরায় খুলতে হবে। এটি সর্বশেষ ভিজ্যুয়াল স্টুডিওর সাথেও সত্য

— সিমোন_উইভার

কৌণিক 6 নোড-সাস ইতিমধ্যে ইনস্টল করা আছে তাই এটি ইনস্টল করার প্রয়োজন নেই।

— সর্বনাশ-

আমার একই সেটআপ আছে তবে স্ক্যাস ফাইলগুলি সরাসরি উপাদানগুলিতে আমদানি করা কাজ করছে না, স্টাইলগুলিতে আমদানি করার সময় scএসএসএস সূক্ষ্মভাবে কাজ করছে। আমি কৌণিক ক্লাইফ ভেরিওন 7+ ব্যবহার করছি, কোনও বাগ আছে?

— হেমন্ত শঙ্খলা

Answer 3

অফিসার গিথুব রেপো থেকে উদ্ধৃত এখানে -

একটি উদাহরণ ব্যবহার করার জন্য ইনস্টল করুন

npm install node-sass

এবং আপনার প্রকল্পের .css ফাইলগুলিকে .scss বা .sass এ নামকরণ করুন। সেগুলি স্বয়ংক্রিয়ভাবে সংকলিত হবে। অ্যাঙ্গুলার 2 অ্যাপের বিকল্পগুলির আর্গুমেন্টে সাসকম্পিলার, কম কমপিলার, স্টাইলাসকম্পিলার এবং কম্পাসকম্পেলার বিকল্প রয়েছে যা তাদের নিজ নিজ সিএসএস প্রিপ্রসেসরেসরে সরাসরি পাস করা হয়েছে।

এখানে দেখো

• https://github.com/angular/angular-cli/wiki/stories-css-preprocessors

Comments

--save-dev যুক্ত করতে চাইবেন, নিশ্চিত হন না কেন এটি দস্তাবেজে সেভাবে নেই তবে আমরা যখন আপগ্রেড করেছি তখন তা হারিয়ে গেল এবং কেন আমাদের শৈলীগুলি চলে গেল তা

— অনুধাবন করতে পারিনি

শীর্ষস্থানীয় আন্ডারস্কোর সহ সাস ফাইলগুলিও সংকলিত হচ্ছিল এমন একটি সমস্যা ছিল তবে এটি কৌণিক-ক্লিপ 1.0.0-বিটা.9 হিসাবে ঠিক করা হয়েছিল

— অ্যান্ডি ফোর্ড

লিঙ্কটি পরিবর্তিত হয়েছে: github.com/angular/angular-cli/wiki/stories-css-preprocessors

— মার্টিন

Answer 4

কৌণিক-ক্লিপকে সর্বদা ডিফল্টরূপে scss ব্যবহার করতে বলুন

--style scssপ্রতিবার আপনি যখন কোনও প্রকল্প উত্পন্ন করেন তা এড়াতে , আপনি নিম্নলিখিত কমান্ড সহ বিশ্বব্যাপী কৌণিক-ক্লাইজের আপনার ডিফল্ট কনফিগারেশনটি সামঞ্জস্য করতে চাইতে পারেন:

ng set --global defaults.styleExt scss

দয়া করে নোট করুন যে কৌণিক-ক্লাইনের কয়েকটি সংস্করণে উপরের গ্লোবাল পতাকাটি পড়ার সাথে একটি বাগ রয়েছে ( লিঙ্কটি দেখুন )। যদি আপনার সংস্করণে এই ত্রুটি রয়েছে, তবে আপনার প্রকল্পটি এর সাথে জেনারেট করুন:

ng new some_project_name --style=scss

Comments

আমি কৌনিক সি.এল.আই. ভি। 1.2.1 এ আছি (সর্বশেষ, জুলাই 2017 হিসাবে) এবং আপনার বর্ণিত বাগটি আমার কাছে রয়েছে। আমি এই কমান্ডটি চালিয়েছি, এবং এটি ডিফল্টরূপে নতুন উপাদানগুলির জন্য নিখুঁতভাবে কাজ করবে বলে মনে হচ্ছে, তবে নতুন প্রকল্পগুলি এখনও নির্দিষ্ট করে না করে অ্যাপ.কম্পন্টন সিএসএস তৈরি করে--style=scss

— জেরেমি

Answer 5

যেমন মার্টকান বলেছিলেন, স্ক্যাস ব্যবহারের সর্বোত্তম উপায় হ'ল সেই বিকল্পটি দিয়ে প্রকল্পটি তৈরি করা:

ng new My_New_Project --style=scss 

কৌণিক-ক্লিপ কমান্ডটি ব্যবহার করে প্রকল্পটি তৈরি হওয়ার পরে ডিফল্ট সিএসএস প্রিপ্রোসেসর পরিবর্তন করতে একটি বিকল্প যুক্ত করে:

ng set defaults.styleExt scss

আরও তথ্যের জন্য আপনি তাদের ডকুমেন্টেশনের জন্য এখানে দেখতে পারেন:

https://github.com/angular/angular-cli

Comments

ng setappsঅ্যারেতে সেটিংসে কাজ করার জন্য উপস্থিত হয় না । যেমন। ng set apps.prefix blahএকটি "JSON এ 0 অবস্থানে অপ্রত্যাশিত টোকেন বি" ছুড়েছে।

— im1dermike

Answer 6

স্ক্যাস ফাইলগুলিতে চলে যাওয়ার জন্য আমি একটি খুব বিরক্তিকর গোটচা লক্ষ্য করেছি !!! এক একটি সহজ থেকে স্থানান্তর করা প্রয়োজন: styleUrls: ['app.component.scss']থেকে styleUrls: ['./app.component.scss'](অ্যাড ./মধ্যে)app.component.ts

আপনি কোনও নতুন প্রকল্প উত্পন্ন করার সময় কোন এনজি করে, কিন্তু ডিফল্ট প্রকল্পটি তৈরি হওয়ার সময় মনে হয় না। আপনি যদি এনজি বিল্ড চলাকালীন সমাধানের ত্রুটিগুলি দেখতে পান তবে এই সমস্যাটি দেখুন। এটি আমার জন্য মাত্র 1 ঘন্টা সময় নিয়েছে।

Comments

এটি অনুসন্ধানে খুব অলসদের জন্য এটি অ্যাপ.কম্পেণ্টনেটস এ রয়েছে :)

— ই

Answer 7

সেরা হতে পারে ng new myApp --style=scss

তারপর কৌণিক CLI সঙ্গে কোনো নতুন উপাদান তৈরি করবে SCSS তোমার জন্য ...

নোট করুন যে scssআপনি সম্ভবত জানেন ব্রাউজারে কাজ না করা .. সুতরাং আমাদের এটি সংকলিত করার cssজন্য কিছু প্রয়োজন , এই কারণে আমরা node-sassএটি নীচের মতো ইনস্টল করতে পারি :

npm install node-sass --save-dev

এবং আপনি যেতে ভাল করা উচিত!

আপনি যদি ওয়েবপ্যাক ব্যবহার করেন তবে এখানে পড়ুন:

প্রজেক্ট ফোল্ডারের ভিতরে কমান্ড লাইন যেখানে আপনার বিদ্যমান প্যাকেজ.জসন রয়েছে: npm install node-sass sass-loader raw-loader --save-dev

ইন webpack.common.js, "বিধিগুলি:" অনুসন্ধান করুন এবং নিয়ম অ্যারেটির শেষে এই অবজেক্টটি যুক্ত করুন (পূর্ববর্তী অবজেক্টের শেষে কমা যোগ করতে ভুলবেন না):

{
  test: /\.scss$/,
  exclude: /node_modules/,
  loaders: ['raw-loader', 'sass-loader'] // sass-loader not scss-loader
}

তারপরে আপনার উপাদানগুলিতে:

@Component({
  styleUrls: ['./filename.scss'],
})

আপনি যদি বিশ্বব্যাপী সিএসএস সমর্থন চান তবে শীর্ষ স্তরের উপাদানটিতে (সম্ভবত app.componal.ts) এনক্যাপসুলেশন সরান এবং এসসিএসএস অন্তর্ভুক্ত করুন:

import {ViewEncapsulation} from '@angular/core';

@Component({
  selector: 'app',
  styleUrls: ['./bootstrap.scss'],
  encapsulation: ViewEncapsulation.None,
  template: ``
})
class App {}

এখানে কৌণিক স্টার্টার থেকে ।

Answer 8

ng set --global defaults.styleExt=scssএনজি 6 থেকে অবহেলিত। আপনি এই বার্তাটি পাবেন:

get / set কনফিগার কমান্ডের পক্ষে স্বীকৃত হয়েছে

আপনার ব্যবহার করা উচিত:

ng config schematics.@schematics/angular:component '{ styleext: "scss"}'

আপনি যদি কোনও নির্দিষ্ট প্রকল্পকে লক্ষ্য করতে চান (আপনার প্রকল্পের নামের সাথে {প্রকল্প replace প্রতিস্থাপন করুন):

ng config projects.{project}.schematics.@schematics/angular:component '{ styleext: "scss"}'

Comments

কোন কনফিগার

— অবচয়

Answer 9

কৌণিক-সিএলআই হ'ল প্রস্তাবিত পদ্ধতি এবং কৌণিক 2+ সম্প্রদায়ের মান।

এসসিএসএস দিয়ে একটি নতুন প্রকল্প তৈরি করুন

ng new My-New-Project --style=sass

একটি বিদ্যমান প্রকল্প রূপান্তর করুন (v6 এর চেয়ে কম সিএলআই)

ng set defaults.styleExt scss

(এই পদ্ধতির সাহায্যে সমস্ত .css ফাইলের ম্যানুয়ালি নাম পরিবর্তন করতে হবে, আপনার উপাদান ফাইলগুলিতে নাম পরিবর্তন করতে ভুলবেন না)

একটি বিদ্যমান প্রকল্প রূপান্তর করুন (v6 এর চেয়ে বেশি সিএলআই)

1. সমস্ত সিএসএস ফাইলের নাম এসসিএসএস-এ রাখুন এবং সেগুলি উল্লেখ করে এমন উপাদানগুলি আপডেট করুন।
2. কৌনিক.জসনের "স্কিমেটিক্স" কীতে নিম্নলিখিতটি যুক্ত করুন (সাধারণত লাইন 11):

"@schematics/angular:component": { "styleext": "sass" }

Answer 10

জন্য কৌণিক 9.0 এবং উপরোক্ত আপডেট "schematics":{}বস্তুর angular.json ভালো ফাইল:

"schematics": {
  "@schematics/angular:component": {
    "style": "scss"
  }
}

Comments

কেন ??? তারা কেন বার বার এটি চ্যাট করে?

— fedor.belov

ধন্যবাদ, আমি ভাবছিলাম কেন এটি কাজ করে না এবং এটি পরিণত হয় যে তারা এটির নামকরণ করে styleএখন

— ডিনো

Answer 11

নিম্নলিখিতটি একটি কৌনিক সিএলআই 6 প্রকল্পে কাজ করা উচিত। অর্থাৎ আপনি যদি পান:

get / set কনফিগার কমান্ডের পক্ষে স্বীকৃত হয়েছে।

npm install node-sass --save-dev

তারপরে ( আপনি প্রকল্পের নাম পরিবর্তন করেছেন তা নিশ্চিত করে )

ng config projects.YourPorjectName.schematics.@schematics/angular:component.styleext sass

আপনার ডিফল্ট প্রকল্পের নামটি পেতে:

ng config defaultProject

তবে: আপনি যদি নিজের প্রকল্পটি <6 থেকে কৌণিক 6 এ মাইগ্রেট করে থাকেন তবে কনফিগারেশনটি সেখানে থাকার খুব ভাল সম্ভাবনা রয়েছে। কোন ক্ষেত্রে আপনি পেতে পারেন:

অবৈধ জেএসএন চরিত্র: 0: 0 এ "গুলি"

সুতরাং একটি ম্যানুয়াল সম্পাদনা angular.jsonপ্রয়োজন হবে।

আপনি এটির মতো দেখতে চাইবেন (স্টাইলেক্সের সম্পত্তিটি নোট করুন):

...
"projects": {
    "Sassy": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "prefix": "app",
      "schematics": {
        "@schematics/angular:component": {
          "styleext": "scss"
        }
      }
...

আমার কাছে অত্যধিক জটিল স্কিমার মতো মনে হচ্ছে। _ (ツ): _ / ¯

আপনাকে এখন যেতে হবে এবং আপনার সমস্ত সিএসএস / কম ফাইলগুলিকে এসএসএস করতে হবে এবং উপাদানগুলি ইত্যাদির কোনও রেফারেন্স আপডেট করতে হবে, তবে আপনার ভাল হওয়া উচিত।

Answer 12

3/10/2019 অনুসারে, আঙ্গুয়ার সাসের সমর্থন বাদ দেয়। --styleদৌড়ানোর সময় আপনি কোন বিকল্পটিতে পৌঁছেছেন সে বিষয়ে কোনও ম্যাটার নেই ng new, আপনি সর্বদা .scssফাইল উত্পন্ন করেন। এটি লজ্জার বিষয় যে কোনও ব্যাখ্যা ছাড়াই সাস সমর্থন বাদ দেওয়া হয়েছিল।

Comments

3/10/2019 এর পরে যার সাথে এটির জন্য লড়াই করছেন: 8.0.0-beta.5 এ কৌণিক- ক্লাইমের জন্য কৌণিক পুনঃপ্রবর্তিত স্যাস সমর্থন এবং এটি শীঘ্রই মূল রিলিজ শাখায় ফিরে আসতে হবে। আপনি npm install -g @angular/cli@8.0.0-beta.5

— এমকিআরএল

মজাদার. মনে রাখার জন্য ধন্যবাদ. কৌতূহলের বাইরে, তারা জানেন কেন তারা প্রথম দিকে সমর্থনটি বাদ দেয়?

— মাত্র একটি শিক্ষানবিশ

স্পষ্টতই কৌণিক দল এটিকে "আর প্রাসঙ্গিক" সিনট্যাক্স হিসাবে উল্লেখ করছে , মূল টিমের সদস্য দ্বারা এই পিআর- তে অন্তত যা বলা হয়েছিল, এ সম্পর্কে আরও কোনও তথ্য খুঁজে পেল না।

— mkrl

Answer 13

এটি গ্লোবাল ডিফল্ট হিসাবে সেট করুন

ng set defaults.styleExt=scss --global

Answer 14

সিএসএস প্রিপ্রসেসর ইন্টিগ্রেশন কৌণিক সিএলআই সমস্ত বড় সিএসএস প্রিপ্রোসেসরগুলিকে সমর্থন করে:

এই প্রিপ্রোসেসরগুলি ব্যবহার করতে কেবল আপনার উপাদানগুলির স্টাইলআরলে ফাইল যুক্ত করুন:

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'app works!';
}

একটি নতুন প্রকল্প তৈরি করার সময় আপনি শৈলী ফাইলগুলির জন্য কোন এক্সটেনশনটি চান তা নির্ধারণ করতে পারেন:

ng new sassy-project --style=sass

বা বিদ্যমান প্রকল্পে ডিফল্ট শৈলী সেট করুন:

ng config schematics.@schematics/angular:component.styleext scss

দ্রষ্টব্য: @ স্কিমেটিক্স / কৌণিক হ'ল কৌণিক সিএলআইয়ের জন্য ডিফল্ট স্কিম্যাটিক

@ কম্পোনেন্ট. স্টাইলস অ্যারেতে যুক্ত হওয়া স্টাইল স্ট্রিংগুলি সিএসএসে লিখতে হবে কারণ সিএলআই ইনলাইন শৈলীতে প্রি-প্রসেসর প্রয়োগ করতে পারে না।

কৌনিক ডকুমেন্টেশনের উপর ভিত্তি করে https://github.com/angular/angular-cli/wiki/stories-css-preprocessors

Answer 15

আমি এই কমান্ডটি ব্যবহার করে স্যাস ব্যবহার করতে আমার প্রকল্প আপডেট করার চেষ্টা করেছি

এনজি সেট ডিফল্টস স্টাইলএক্সট স্ক্যাসেস

কিন্তু এটি পেয়েছি

get / set কনফিগার কমান্ডের পক্ষে স্বীকৃত হয়েছে।

• কৌণিক সিএলআই: 6.0.7
• নোড: 8.9.0
• ওএস: লিনাক্স x64
• কৌণিক: 6.0.3

সুতরাং আমি আমার প্রকল্পটি মুছলাম (যেহেতু আমি সবে শুরু করছিলাম এবং আমার প্রকল্পে কোনও কোড ছিল না) এবং সাস শুরুতে একটি নতুন তৈরি করেছি

এনজি নিউ মাই-স্যাসি-অ্যাপ - স্টাইল = এসএসএস

তবে আমি উপলব্ধি করব যে কেউ যদি বিদ্যমান প্রকল্পটি আপডেট করার কোনও উপায় ভাগ করে নিতে পারে তবে তা দুর্দান্ত হবে।

Comments

এখানে

— অ্যাঙ্গুলার

Answer 16

ধাপ 1. এনএমপি ব্যবহার করে বুলমা প্যাকেজ ইনস্টল করুন

npm install --save bulma

ধাপ ২. কৌনিক.জসন খুলুন এবং নিম্নলিখিত কোডটি আপডেট করুন

...
 "styles": [
 "node_modules/bulma/css/bulma.css",
 "src/styles.scss"
 ],
...

এটাই.

বুলমার সরঞ্জামগুলি সহজেই প্রকাশ করতে, কৌনিক.জসনে স্টাইলপ্রসেসরঅ্যাকশন যুক্ত করুন।

...
 "styles": [
 "src/styles.scss",
 "node_modules/bulma/css/bulma.css"
  ],
 "stylePreprocessorOptions": {
 "includePaths": [
    "node_modules",
    "node_modules/bulma/sass/utilities"
 ]
},
...

বুলমা + অ্যাঙ্গুলার 6

Comments

এটি সম্পূর্ণ কৌণিক স্ট্যান্ডার্ডের বাইরে, এবং স্ক্যাস ব্যবহার করা বুলমা ব্যবহারের কেবল একটি গৌণ প্রভাব

— নেটালেক্স