cara menonton file sass

Saya baru saja memutuskan untuk mulai belajar sass tetapi saya masih kesulitan menjalankan sass di komputer saya. Saya sudah mendownload dan menginstalnya seperti yang ditunjukkan pada gambar:

masukkan deskripsi gambar di sini

masukkan deskripsi gambar di sini

Folder proyek saya ada di dalam folder htdocs di folder xampp. Saya mengetik C:\Users\Thulani>sass --watch C:\xampp\htdocs\ruby\lib\sass\style.scss:style.css pada baris perintah tetapi hanya dikatakan sass sedang memperhatikan perubahan.

masukkan deskripsi gambar di sini

Bagaimana saya bisa membuat perubahan pada style.scss saya dan melihat perubahan itu?

Ini html saya:

<html>
<head>
   <title> Import example of sass</title>
   <link rel="stylesheet" type="text/css" href="/idstyle.css"/>
</head>
<body>
   <h1>Simple Example</h1>
   <h3>Welcome to TutorialsPoint</h3>
</body>
</html>

Tolong bantu


ruby-on-rails css sass
person user agent    schedule 11.10.2016    source sumber
comment
Sudahkah Anda mencoba membuat perubahan pada style.scss Anda? Jika Anda menjalankan tugas --watch, setiap perubahan yang dilakukan pada masukan akan dikompilasi dan dikeluarkan ke tujuan yang Anda pilih. sass-lang.com/documentation/file.SASS_REFERENCE.html#using_sass   -  person imjared    schedule 11.10.2016
comment
Ya.Saya mencoba mengubah sesuatu di style.scss tetapi tidak ada yang terjadi   -  person user agent    schedule 11.10.2016

Jawaban (2)


arrow_upward
1
arrow_downward

Gunakan perintah ini di folder yang ingin Anda tonton.

sass -w src/assets

jika Anda tidak ingin file peta gunakan ini

sass -w src/assets --sourcemap=none
person Mertcan Diken    schedule 10.02.2017

arrow_upward
0
arrow_downward

Dari apa yang Anda berikan, saya hanya bisa mengatakan bahwa mungkin Anda telah membuat kesalahan dengan tidak memanggil kelas atau id apa pun dari file CSS Anda. Akan lebih baik jika Anda bisa mengunggahnya juga, tapi saya anggap Anda mencoba menata elemen <h1> dan <h3> saja. Karena Anda baru, saya akan menulis beberapa kode pengujian yang sangat sederhana yang harus dijalankan.

Ini file HTML saya:

  <!DOCTYPE html>
  <html lang="en-GB">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="initial-scale=1">

    <title>Test</title>

    <link type="text/css" rel="stylesheet" href="/idstyle.css"/>
 </head>
 <body>
    <div id="red">
       <h1>I am red !</h1>
     </div>
     <div id="blue">
       <h2>I am blue</h2>
     </div>
   </body>

File SCSS saya:

    //@import "Filename";
// use import if you want to link two or more style sheets together (makes one big css file)

/* Colours used */
$red: red;
$blue: blue;

html, body{
    width: 100%;
    overflow-x:hidden;
    margin: 0;
    padding: 0;
}
body {
    background-color: white;
    font-family: sans-serif;
}
#red {
    color: $red;
}
#blue {
    color: $blue;
}

lulus tes konversi SCSS ke CSS

person Mobeen    schedule 10.02.2017