SCSS फ़ाइल में नियमित CSS फ़ाइल आयात करें?

Question

वैसे भी सैस के @importआदेश के साथ एक नियमित सीएसएस फ़ाइल आयात करने के लिए क्या है ? हालांकि, मैं sass से सभी SCSS सिंटैक्स का उपयोग नहीं कर रहा हूं, फिर भी मुझे इसमें कॉम्बिनेशन / कंप्रेशिंग फीचर्स का आनंद मिलता है, और मैं अपनी सभी फाइलों को * .scss का नाम लिए बिना इसका उपयोग करने में सक्षम होना चाहूंगा।

Comments

हां, एक तरीका है: @input स्टेटमेंट में सीएसएस फ़ाइल पथ में बस '.css' एक्सटेंशन को हटा दें :) (sass संस्करण के लिए काम करता है = = 3.2)

— Kamil Kiełczewski

2018 तक, नियमित CSS फ़ाइल में SASS@import का उपयोग करते हुए बस एक नियमित CSS @import उत्पन्न करना चाहिए । इसका मतलब है कि एक और HTTP अनुरोध और कोई संयोजन या संपीड़ित नहीं है। यदि कुछ कार्यान्वयन अलग तरीके से व्यवहार करते हैं तो मैं कहूंगा कि यह एक गैर-मानक विशेषता है जो भाषा की युक्ति से हटती है।

— अल्वारो गोंजालेज

Answer 1

ऐसा लगता है कि यह लेखन के समय के अनुसार लागू नहीं है:

https://github.com/sass/sass/issues/193

Libsass (C / C ++ कार्यान्वयन) के लिए *.css, उसी तरह *.scssफ़ाइलों के लिए आयात कार्य करता है - बस एक्सटेंशन को छोड़ दें:

@import "path/to/file";

यह आयात करेगा path/to/file.css।

देखें इस उत्तर अधिक जानकारी के लिए।

रूबी कार्यान्वयन (सैस रत्न) के लिए यह उत्तर देखें

Comments

@ सकलेफ्रेन्ड सैस के साथ सच नहीं। 3.3.1। @importबयान सब और जिसके परिणामस्वरूप सीएसएस फ़ाइल में प्रकट होता है पर बदला नहीं है, सास को शामिल नहीं करता @GSto तरह संदर्भित सीएसएस फ़ाइल पूछ रहा है। ऐसा लग रहा है कि इसे सास 3.4 या 4.0 में लागू किया जाएगा

— '16

यदि आप गुलप या ग्रंट का उपयोग कर रहे हैं, तो अपनी सीएसएस फाइलों को आयात करने के लिए एक अलग उपकरण का उपयोग करें, यह आसान है और यह अब काम करता है । मैं गल्प-आयात-सीएसएस का उपयोग करता हूं , मुझे यकीन नहीं है कि ग्रंट समकक्ष क्या है।

— प्रात:

यह libsassकम से कम के साथ काम करता है । उत्तर देखें stackoverflow.com/questions/7111610/… और PR github.com/sass/libsass/pull/754

— ivn

"आयात *.cssउसी तरह से काम करता है जैसे *.cssफाइलों के लिए" एक टॉटोलॉजी है। आप उन लोगों में से एक के लिए थे *.scss, है ना?

— अंडरस्कोर_ड

V3.5.3 में शुरू, लिबास ने चेतावनी दी है कि यह गैर-मानक व्यवहार है और इस पर भरोसा नहीं किया जाना चाहिए। (इसके बजाय "इस व्यवहार को बनाए रखने के लिए एक कस्टम आयातक का उपयोग करें।") github.com/sass/libsass/releases/tag/3.5.3

— iX3

Answer 2

एक ही मुद्दा होने के बाद, मैं यहाँ सभी उत्तरों और गितुब में सैस के भंडार पर टिप्पणियों से भ्रमित हो गया।

मैं केवल यह बताना चाहता हूं कि दिसंबर 2014 तक इस मुद्दे को सुलझा लिया गया है। अब cssफ़ाइलों को सीधे आपके sass फ़ाइल में आयात करना संभव है । Github में निम्न PR समस्या हल करता है।

सिंटैक्स अब जैसा है - @import "your/path/to/the/file"फ़ाइल नाम के बाद बिना एक्सटेंशन के। यह आपकी फ़ाइल को सीधे आयात करेगा। यदि आप *.cssअंत में अपील करते हैं, तो यह cssनियम में तब्दील हो जाएगा @import url(...)।

मामले में आप "फैंसी" नए मॉड्यूल जैसे bundlers में से कुछ का उपयोग कर रहे webpack , तो आप शायद उपयोग उपयोग करने की आवश्यकता होगी ~पथ की शुरुआत में। इसलिए, यदि आप निम्न पथ को आयात करना चाहते हैं तो आप node_modules/bootstrap/src/core.scssकुछ ऐसा लिखेंगे
@import "~bootstrap/src/core"।

नोट:
ऐसा लगता है कि यह हर किसी के लिए काम नहीं कर रहा है। यदि आपका दुभाषिया आधारित है तो libsassयह ठीक काम करना चाहिए (इसे चेकआउट करें )। मैंने @importनोड-एसएएस का उपयोग करके परीक्षण किया है और यह ठीक काम कर रहा है। दुर्भाग्य से यह काम करता है और कुछ रूबी उदाहरणों पर काम नहीं करता है।

Comments

यह लागू किया जा रहा है, libsassलेकिन सैस के रूबी कार्यान्वयन का उपयोग करते समय, ऐसा लगता है कि यह सिंटैक्स काम करता है, लेकिन केवल तभी जब आप sass-css-importerआवश्यक हों। कम से कम यही तो मैं देख रहा हूं। क्या कोई और इसकी पुष्टि कर सकता है?

— bsara

क्या आप वाकई sass का नवीनतम संस्करण हैं? मैं थोड़ी देर के लिए इस सिंटैक्स का उपयोग किया गया है और यह दोनों के साथ ठीक काम करता है rubyऔर nodejsदुभाषिए। क्या आपने जाँच की है कि क्या आप फ़ाइल नाम के बाद एक्सटेंशन नहीं दे रहे हैं? सही वाक्यविन्यास @import "path/to/style/file( .cssविस्तार के बिना ) है

— tftd

मैं अपने Gemfile.lock के अनुसार रूबी सैस v3.4.18 (जेकेल के साथ) का उपयोग कर रहा हूं। फिर भी देख रहा हूं Error: File to import not found or unreadable: cssdep/cssfile। अगर मैं cssdep/cssfile.scssइसे बनाता हूं तो यह अचानक काम करता है। तो नहीं एक पथ मुद्दा, किसी कारण के लिए मैं अभी भी '.css' एस.ए.एस.एस. से फाइल शामिल नहीं कर सकते :(

— thom_nic

ruby -v: ruby 2.2.2p95 (2015-04-13 revision 50295) [x64-mingw32] sass -v: Sass 3.4.17 (Selective Steve)यहां काम नहीं कर रहा

— सिरिल CHAPON

इसके लिए शुक्रिया! मैं नोड-एसएएस का उपयोग करके normalize.css को आयात करने में सक्षम था@import "node_modules/normalize.css/normalize";

— निक

Answer 3

आपको शामिल किए जाने के लिए css फ़ाइल में एक अंडरस्कोर को प्रिपेंड करना होगा, और इसके एक्सटेंशन को scss (पूर्व:) पर स्विच करना होगा _yourfile.scss। फिर आपको बस इसे इस तरह से कॉल करना होगा:

@import "yourfile";

और इसमें CSS मानक @import निर्देश का उपयोग करने के बजाय फ़ाइल की सामग्री शामिल होगी।

Comments

यह शायद सम्मेलन और मानकों के बारे में कुछ है।

— डेविड मोरालेस

अंडरस्कोर को एक अलग फाइल के रूप में संकलित होने से रोकना है।

— योना

किसी की सोच के मामले में, यह काम करता है क्योंकि Sass 'SCSS सिंटैक्स CSS3 का सुपरसेट है। इसलिए अर्धविराम की भी जरूरत है।

— याकूब वान

आप उदाहरण के लिए कुछ विक्रेता CSS फ़ाइल का एक्सटेंशन नहीं बदल सकते।

— स्लाव फोमिन II

यदि यह आपके कंप्यूटर / सर्वर पर है तो आप कर सकते हैं! और अगर आप नहीं करना चाहते हैं तो प्रतीकात्मक लिंक भी हैं।

— काएं

Answer 4

यह लागू किया गया था और संस्करण से शुरू होने वाला विलय 3.2( पुल # ​​754 2 जनवरी 2015 को विलय कर दिया गया था libsass, यहां मूल मुद्दों को परिभाषित किया गया था: sass# 193 # 556 , libsass# 318 )।

लंबी कहानी को छोटा करने के लिए, अगले में वाक्य रचना:

1. कच्चे CSS-file को आयात करना (शामिल करना)

   सिंटैक्स अंत में विस्तार के बिना है.css (आंशिक रूप से वास्तविक पढ़ने के परिणाम s[ac]ss|cssऔर इसमें SCSS / SASS के लिए इनलाइन शामिल हैं):

   @import "path/to/file";

2. पारंपरिक तरीके से CSS-file को आयात करने के लिए

   सिंटैक्स अंत में विस्तार के साथ.css पारंपरिक तरीके से जाता है ( @import url("path/to/file.css");आपके संकलित सीएसएस में परिणाम ):

   @import "path/to/file.css";

और यह बहुत अच्छा है: यह वाक्य रचना सुरुचिपूर्ण और लेकोनिक है, साथ ही पिछड़े संगत! यह libsassऔर साथ उत्कृष्ट काम करता है node-sass।

__

टिप्पणी में आगे अटकलों से बचने के लिए, यह स्पष्ट रूप से लेखन: रूबी आधारित सास अभी भी इस सुविधा है लागू नहीं किया गया विचार विमर्श के 7 साल के बाद। इस उत्तर को लिखने के समय तक, यह वादा किया जाता है कि 4.0 में इसे पूरा करने का एक सरल तरीका होगा, शायद इसकी मदद से @use। ऐसा लगता है कि बहुत जल्द एक कार्यान्वयन होगा, नया "नियोजित" "प्रस्ताव स्वीकार" टैग को मुद्दा # 556 और नई @useसुविधा के लिए सौंपा गया था ।

जैसे ही कुछ बदलता है, उत्तर को अपडेट किया जा सकता है ।

Comments

सिर्फ स्पष्ट करने के लिए, css को आयात करना क्योंकि sass ने मेरे लिए इस तरह काम किया: @import url ("path / to / file-without-css-extension");

— क्रेग वेन

यह वास्तव में सैस के रूबी-आधारित संस्करण में काम नहीं करता है। उदाहरण के लिए, कमांड: sass myFile.scss: output.css एक सीएसएस आयात के साथ विफल रहता है, लेकिन जब आप .css फ़ाइल के एक्सटेंशन को .scss में बदलते हैं तो काम करता है। इस टिप्पणी के लेखन के रूप में नवीनतम संस्करण के साथ चलाएँ: 3.4.22 / चयनात्मक स्टीव। यह रूबी संस्करण का उपयोग करके किसी भी कार्य धावकों को प्रभावित करता है, जैसे ग्रंट-कॉन्ट्रिब-सस।

— ansorensen

@ansorensen, मुझे लगता है कि आपकी तरफ से भ्रम है। जब आप ".css फ़ाइल के एक्सटेंशन में .scss" को बदलते हैं, तो आपका क्या मतलब है ? पूरा विचार नियमित सीएसएस फाइलों के बारे में था , और उनके साथ काम करने के दो तरीके (एससीएसएस आयात करने के साथ भ्रमित न करें)। कृपया एक बार प्रश्न और उत्तर को पढ़ें।

— फारसाइड

@ फ़ार्साइड कोई भ्रम नहीं। रूबी में सैस मणि के नवीनतम संस्करण में 'पाथ / टू / फाइल' सिंटैक्स काम नहीं करता है। जब मैं किसी आयात के साथ sass चलाता हूं, तो आयात सफलतापूर्वक काम करता है जब आयात की गई फ़ाइल में .scss एक्सटेंशन होता है और फ़ाइल में .css होने पर विफल हो जाता है। प्रश्न सीएसएस के आयात को एससीएस में आयात करने के लिए कहता है, और आप लिबास-एसएएस और नोड-एसएएस के लिए एक उत्तर प्रदान करते हैं। मैं टिप्पणी कर रहा हूं कि यह कार्यशीलता सास के रूबी-आधारित संस्करणों में नहीं है।

— ansorensen

@ansorensen, omg, आपसे बहुत सारे पाठ ... मैं स्पष्ट था, और किसी को भ्रमित नहीं करता। Node-sassNode.js लाइब्रेरी LibSass ( Sass का C संस्करण ) है। एक भी उल्लेख नहीं है कि libsassया node-sassरूबी आधारित है, केवल मूल प्रश्न में आरयूबीवाई संस्करण के बारे में एक भी उल्लेख नहीं है। अगली बार एक पंक्ति में 3 टिप्पणियाँ लिखने से पहले, कृपया ध्यान से पढ़ें। मेरे पास सभी संदर्भ हैं: # 193 के अनुसार रूबी संस्करण के लिए 5 साल की चर्चा के बाद भी इसे लागू नहीं किया गया है, वे केवल इस कार्यक्षमता का वादा करते हैं । 4.0 उपलब्ध होगा।

— फ़ारसाइड

Answer 5

सभी को अच्छी खबर, क्रिस एप्पस्टीन ने इनलाइन सीएसएस आयात कार्यक्षमता के साथ कम्पास प्लगइन बनाया:

https://github.com/chriseppstein/sass-css-importer

अब, CSS फ़ाइल आयात करना उतना ही आसान है:

@import "CSS:library/some_css_file"

Comments

पदावनत आरंभ बिंदु का उपयोग करने के कारण विफल। "क्या है, लेकिन कभी नहीं हो सकता ..." मुझे यकीन है कि यह बहुत अच्छा था जब यह पहली बार बाहर आया था, लेकिन इसे फिर से काम करने के लिए अपडेट की आवश्यकता है, या आपको आवश्यक प्लगइन्स इंस्टॉल करना होगा। धन्यवाद, C:

— CSS

Answer 6

यदि आपके पास एक ऐसी .cssफ़ाइल है जिसे आप संशोधित नहीं करना चाहते हैं, तो न तो इसके विस्तार को बदलें .scss( जैसे कि यह फ़ाइल आपके द्वारा बनाए रखने वाले कांटे की परियोजना से है ), आप हमेशा एक सिमलिंक बना सकते हैं और फिर इसे अपने में आयात कर सकते हैं .scss।

एक सिमलिंक बनाता है:

ln -s path/to/css/file.css path/to/sass/files/_file.scss

एक लक्ष्य में सिम्पीलिंक फ़ाइल आयात करता है .scss:

@import "path/to/sass/files/file";

आपकी टार्गेट आउटपुट .cssफ़ाइल आयातित सिमलिंक .scssफ़ाइल से सामग्री रखने जा रही है , न कि CSS आयात नियम ( उच्चतम टिप्पणी मतों के साथ @yaz द्वारा उल्लिखित )। और आपके पास अलग-अलग एक्सटेंशन के साथ डुप्लिकेट फ़ाइलें नहीं हैं, प्रारंभिक .cssफ़ाइल के अंदर किए गए किसी भी अपडेट का तुरंत आपके लक्ष्य आउटपुट में आयात होने का क्या मतलब है ।

प्रतीकात्मक लिंक (सहानुभूति या नरम लिंक भी) एक विशेष प्रकार की फ़ाइल है जिसमें किसी अन्य फ़ाइल का एक निरपेक्ष या सापेक्ष पथ के रूप में एक संदर्भ होता है और जो पथनाम रिज़ॉल्यूशन को प्रभावित करता है।
- http://en.wikipedia.org/wiki/Symbolic_link

Comments

सिम्लिंक जोड़ना बहुत पोर्टेबल समाधान नहीं है (अर्थात कई डेवलपर्स या बिल्ड सिस्टम)

— लोकलपीसीगयूटी

@LocalPCGuy यह है, जब दोनों फ़ाइलें ( .cssऔर बनाई गई सिमलिंक) सभी के लिए एक साझा भंडार के माध्यम से उपलब्ध हैं, उदाहरण के लिए।

— निक सुमिको

मैंने अभी-अभी ऐसा किया था और इस धागे पर सुसाइड लिंक के बारे में जवाब देने वाला था, लेकिन खुशी है कि यह पहले से ही यहाँ है! यह सच है कि यह आवश्यकता दुर्लभ है, लेकिन मेरी स्थिति में सीएसएस फ़ाइल को संशोधित करने की इच्छा नहीं है (क्योंकि यह एक बोवर फ़ाइल थी), इसलिए एक सिम्लिंक का निर्माण करना और आयात करना जो पूरी तरह से काम करता है।

— एरोन क्रूस

के लिए विंडोज उपयोगकर्ताओं, एक ही कार्यक्षमता एक अलग वाक्य रचना के लिए होता है mklink /H <link> <target>, और यह कहा जाता है हार्ड लिंक @mrsafraz।

— फ़ारसाइड

Answer 7

आप शब्दार्थ importerको अनुकूलित करने के लिए तीसरे पक्ष का उपयोग कर सकते हैं @import।

नोड- sass- आयात-एक बार , जो नोड- sass (Node.js के लिए) के साथ काम करता है, CSS फाइलों को आयात कर सकता है।

प्रत्यक्ष उपयोग का उदाहरण:

var sass = require('node-sass');,
    importOnce = require('node-sass-import-once');

sass.render({
  file: "input.scss",
  importer: importOnce,
  importOnce: {
    css: true,
  }
});

उदाहरण grunt-sass config:

var importOnce = require("node-sass-import-once");
grunt.loadNpmTasks("grunt-sass");

grunt.initConfig({
  sass: {
    options: {
      sourceMap: true,
      importer: importOnce
    },
    dev: {
      files: {
        "dist/style.css": "scss/**/*.scss"
      }
    }
  });

ध्यान दें कि नोड-एसएएस-आयात-एक बार एक स्पष्ट अग्रणी अंडरस्कोर के बिना वर्तमान में सैस भाग आयात नहीं कर सकता है। फ़ाइल के साथ उदाहरण के लिए partials/_partial.scss:

• @import partials/_partial.scss सफल होता है
• @import * partials/partial.scss विफल रहता है

सामान्य तौर पर, ध्यान रखें कि एक कस्टम आयातक किसी भी आयात शब्दार्थ को बदल सकता है । इसका उपयोग शुरू करने से पहले डॉक्स पढ़ें।

Answer 8

अगर मैं सही हूँ तो css scss के साथ संगत है इसलिए आप css के विस्तार को scss में बदल सकते हैं और इसे काम करते रहना चाहिए। एक बार जब आप एक्सटेंशन को बदल देते हैं तो आप इसे आयात कर सकते हैं और इसे फ़ाइल में शामिल किया जाएगा।

यदि आप ऐसा नहीं करते हैं, तो sass css @import का उपयोग करेगा जो कुछ ऐसा है जो आप नहीं चाहते हैं।

Comments

दुर्भाग्य से कभी-कभी आयातित सीएसएस फाइलें आपके नियंत्रण से बाहर होती हैं, जैसा कि एक पुस्तकालय में होता है जो कुछ स्थैतिक संपत्ति का पैकेज करता है।

— एरिक ड्रेचेल

Answer 9

मैंने इसे करने के लिए एक सुंदर, रेल जैसी तरह का पता लगाया। सबसे पहले, अपनी .scssफ़ाइल का नाम बदलें .scss.erb, फिर इस तरह सिंटैक्स का उपयोग करें (उदाहरण के लिए highlight_js-rails4 gem CSS संपत्ति ):

@import "<%= asset_path("highlight_js/github") %>";

आप SCSS के माध्यम से फ़ाइल को सीधे होस्ट क्यों नहीं कर सकते :

@importजब तक आप स्पष्ट रूप से पूर्ण पथ एक या दूसरे तरीके का उपयोग करते हैं, तब तक SCSS में करना CSS फाइलों के लिए ठीक काम करता है। विकास मोड में, rails sउन्हें संकलित किए बिना संपत्ति परोसता है, इसलिए इस तरह से एक मार्ग काम करता है ...

@import "highlight_js/github.css";

... क्योंकि होस्ट किया गया पथ वस्तुतः है /assets/highlight_js/github.css। यदि आप पृष्ठ और "स्रोत देखें" पर राइट-क्लिक करते हैं, तो ऊपर के साथ स्टाइलशीट के लिंक पर क्लिक करें @import, आपको वहां एक पंक्ति दिखाई देगी जो इस तरह दिखती है:

@import url(highlight_js/github.css);

SCSS इंजन अनुवाद "highlight_js/github.css"करता है url(highlight_js/github.css)। यह तब तक काम करेगा जब तक कि आप इसे उत्पादन में चलाने का प्रयास करने का निर्णय नहीं लेते हैं, जहां संपत्तियां पहले से हैं, उन्हें फ़ाइल नाम में एक हैश इंजेक्ट किया गया है। SCSS फ़ाइल अभी भी /assets/highlight_js/github.cssउस स्थैतिक को हल करेगी जो कि पूर्व-निर्मित नहीं था और उत्पादन में मौजूद नहीं है।

यह समाधान कैसे काम करता है:

सबसे पहले, .scssफ़ाइल को स्थानांतरित करके .scss.erb, हमने प्रभावी रूप से SCSS को रेल के लिए एक टेम्पलेट में बदल दिया है। अब, जब भी हम <%= ... %>टेम्प्लेट टैग का उपयोग करते हैं, रेल टेम्पलेट प्रोसेसर इन स्निपेट्स को कोड के आउटपुट (किसी अन्य टेम्पलेट की तरह) के साथ बदल देगा।

फाइल asset_path("highlight_js/github")में स्टैटिंग .scss.erbदो काम करती है:

1. rake assets:precompileउचित सीएसएस फ़ाइल को प्राथमिकता देने के लिए कार्य को ट्रिगर करता है ।
2. एक ऐसा URL बनाता है जो उचित रूप से रेल के वातावरण की परवाह किए बिना संपत्ति को दर्शाता है।

इसका मतलब यह भी है कि SCSS इंजन CSS फ़ाइल को पार्स नहीं कर रहा है; यह सिर्फ एक लिंक की मेजबानी कर रहा है! तो कोई hokey बंदर पैच या सकल workarounds है। हम SCSS के माध्यम से एक सीएसएस संपत्ति की सेवा कर रहे हैं, और एक यूआरएल का उपयोग करके सीएसएस संपत्ति को रेल के रूप में कहा है। मिठाई!

Comments

मेरे लिए समाधान थोड़ा छायादार लगता है और एक हैक की तरह लगता है। लेकिन यह जांच पर एक अच्छा काम है!

— फ़ारसाइड

Answer 10

सरल समाधान:

सभी, या लगभग सभी सीएसएस फ़ाइल की व्याख्या भी की जा सकती है जैसे कि यह स्कैस होगी। यह उन्हें एक ब्लॉक के अंदर आयात करने में भी सक्षम बनाता है। सीएसएस का नाम बदलें, और आयात करें।

अपने वास्तविक विन्यास में मैं निम्नलिखित कार्य करता हूं:

पहले मैं .css फ़ाइल को एक अस्थायी फ़ाइल में कॉपी करता हूं, इस बार .scs एक्सटेंशन के साथ। ग्रंट उदाहरण कॉन्फ़िगरेशन:

copy: {
    dev: {
        files: [
            {
                src: "node_modules/some_module/some_precompiled.css",
                dest: "target/resources/some_module_styles.scss"
            }
        ]
    }
}

तब आप अपने पैरेंट scss से .scss फ़ाइल आयात कर सकते हैं (मेरे उदाहरण में, इसे ब्लॉक में भी आयात किया गया है):

my-selector {
  @import "target/resources/some_module_styles.scss";
  ...other rules...
}

नोट: यह खतरनाक हो सकता है, क्योंकि यह प्रभावी रूप से परिणाम देगा कि सीएसएस को कई बार पार्स किया जाएगा। इसके लिए अपने मूल सीएसएस की जांच करें कि इसमें कोई भी स्कैस-इंटरप्रेटेबल आर्टवर्क है (यह असंभव है, लेकिन अगर ऐसा होता है, तो परिणाम डिबग और खतरनाक होगा)।

Answer 11

अब यह संभव है:

@import 'CSS:directory/filename.css';

Comments

केवल अगर मणि sass-css-importerस्थापित किया जाता है, तो sass को स्विच के साथ बुलाया जाता है -r sass-css-importerऔर .cssफ़ाइल पथ से हटा दिया जाता है

— बर्नहार्ड डब्लर

Answer 12

मैं इस काम की पुष्टि कर सकता हूं:

class CSSImporter < Sass::Importers::Filesystem
  def extensions
    super.merge('css' => :scss)
  end
end

view_context = ActionView::Base.new
css = Sass::Engine.new(
  template,
  syntax:     :scss,
  cache:      false,
  load_paths: Rails.application.assets.paths,
  read_cache: false,
  filesystem_importer: CSSImporter # Relevant option,

  sprockets:  {
    context:     view_context,
    environment: Rails.application.assets
  }
).render

क्रिस एपस्टीन को श्रेय: https://github.com/sass/sass/issues/193

Comments

आप अपने scss फ़ाइल में इसका उपयोग कैसे कर सकते हैं?

— एड्रियन बेर

Answer 13

सरल।

@import "path / to / file.css";

Comments

मैंने यह कोशिश की है, लेकिन यह फ़ाइल की सामग्री को उस में नहीं खींचेगा जब इसे संपीड़ित करें, यह सिर्फ @import line रखेगा।

— GSto

सबसे कम जवाब दिया, लेकिन विडंबना यह है कि यह सही तरीका है, अब लगता है। प्रत्यय को शामिल करना सही बात है।

— व्येक