reactjs - ts-loader/css-loader ვერ შეუძლია ფაილის იმპორტი/შეეფასოს
ვცდილობ css მოდულების დამატებას style-loader და css-loader-ის გამოყენებით. რთულია ამ ყველაფრის გასაგებად. ასევე დარწმუნებული არ ვარ, დამნაშავე ts-loader არის თუ css-loader.
webpack.config.js
const path = require('path'); module.exports = env => { retur Წაიკითხე მეტი →typescript - CSS ელემენტური კვანძების იმპორტირება Angular 6 აპლიკაციაში
მინდება დავაყენო და გამოვიყენო css-element-queries ბიბლიოთეკა.
ინსტალაციისთვის, მე გამოვიყენე შემდეგი ბრძანება:
npm i css-element-queriesამის შემდეგ, მე ვცადე კლასი ResizeSensor ბიბლიოთეკიდან ასე შემომეტანა:
import { ResizeSensor } fro Წაიკითხე მეტი →html - CSS-ის დინამიურად გადაფარვა JavaScript-იდან
მე ვცდილობ შევქმნა ჰორიზონტალური გადახვევის ზოლი ქვემოთ მოცემული მაგალითის საფუძველზე:
https://www.w3schools.com/howto/howto_js_rangeslider.asp
ჩემს კითხვას ეხება მოძრავი სლაიდერის სიგანე (მოძრავი ელემენტი ობიექტის მხოლოდ). უბრალოდ მეტი გასაგებად, მე ვამატებ სქრინშოტს სლაიდერის, რომლის შექმნაც მე გავაკეთე აქამდე, რო
Წაიკითხე მეტი →Angular-ს ღილაკის კლასის CSS-ის ფერის შეცვლის პრობლემა ფუნქციის გამოძახებით
ჩემი Angular კოდში, ვცდილობ ჩემს ღილაკს css ფერი მივაპყრო და მჭირდება ts ფუნქციის გამოძახება, რათა დააბრუნოს css კლასის სახელი.
მე შევეცადე შემდეგი კოდი
<button class="getColor(days.date)">{{days.date}}</button>ჩემ
Წაიკითხე მეტი →angular - რატომ უნდა აიპორტოს CSS ფაილი typescript-ში?
ძველი, კომპლექსური კოდის ბაზაში, რომელიც იყენებს Angular 4-ს თავისებურ Webpack-ისთან, იყვნენ ზოგიერთი კომპონენტი, რომლებიც ატვირთავდნენ css ფაიალს, იმავე გზით, როგორც იმპორტს ქმნით მოდულისთვის გვერდითი ეფექტისთვის. მაგალითი (ეს არის სრული ფაილი, განსხვავებული ცვლადების სახელებით):
import { Component, OnInit } from '@angular/core'; import '../../assets/css/styles.css'; @Component({ selector: 'sidebar-app', templateUrl: './sidebar.component.html', styleUrls: ['./sideb Წაიკითხე მეტი →CSS-ის გამოყენება TypeScript-ის ცვლადის კონკრეტულ ნაწილზე ინტერპოლაციის საშუალებით Angular-ში
ვთქვათ, მაქვს ცვლადი სახელად data ფაილში app.component.ts, რომელიც არის ტიპის :string.
app.component.html-ში ვაჩვენებ data-ს მნიშვნელობას UI-ში სტრიქონული ინტერპოლაციის გამოყენებით,
Წაიკითხე მეტი →javascript - როგორ შევცვალოთ CSS კლასები TypeScript-ში?
ვცდილობ შემდეგი კოდები ჯავასკრიპტიდან ტიპსკრიპტში გადავიყვანო. ვერ შევძლებ, გთხოვთ, დამეხმარეთ.
$(function () { $(".navigation_icon").click(function () { $(".navigation").toggleClass('navigation-open'); }); });პასუხი #1
თუ თქვენ ეძ
Წაიკითხე მეტი →typescript - ვებ კომპონენტის პაკეტირება, რომელიც შექმნილია lit-element-ის გამოყენებით, rollup-ის, postcss-ის და tailwind ფრეიმვორკის გამოყენებით
ვცდილობ ვაკომპლექტო მომუშავე ვებკომპონენტი, რომელიც დაწერილია lit-element/lit-html-ის გამოყენებით, tailwind ფრეიმვორკის დახმარებით, rollup პაკეტირების postcss პლაგინის გამოყენებით.
ჩემი dist/
Წაიკითხე მეტი →html - როგორ გადავცეთ მნიშვნელობა typescript კოდიდან css-ში Angular 6-ში
ვიცი, რომ უნდა გამოვიყენო ngClass ან ngStyle, მაგრამ ვერ მივხვდი, როგორ გადავცე ეს მნიშვნელობა. აი ჩემი კოდი.
strip.component.ts
import { ... } from '@angular/core'; @Component({ selector: 'app-strip', templateUrl: './strip.c Წაიკითხე მეტი →create react app - დინამიურად SCSS-ის იმპორტი TypeScript-ში
მე გამოვიყენე Create React App (CRA) ახალი პროექტის დასაწყებად, შემდეგ დავამატე node-sass, რათა შემეძლოს SCSS ფაილების იმპორტი.
მაგალითი:
import "./App.scss";ხოლო ეს კარგად მუშაობს, მე ვერ ვატვირთავ სტილებს ასინქრონულად import()-ის გამოყენებით
Წაიკითხე მეტი →