Dưới đây là một bản tóm tắt nhanh về những gì tôi đang nói về:Chrome/Sass Sourcemaps, những thay đổi được thực hiện trong thanh tra không được lưu trong tập tin SCSS
https://medium.com/what-i-learned-building/b4daab987fb0
Khi sử dụng Chrome với không gian làm việc và sourcemaps thiết lập, và các tệp cục bộ/mạng được liên kết, tôi có thể sử dụng trình kiểm tra web Chrome (trong ngăn Kiểu -> kiểu) để nhận ra vị trí của bộ chọn trong tệp SCSS chính xác. Ngoài ra, tôi có thể nhấp vào đó, được đưa đến tệp SCSS, thực hiện thay đổi và sau đó lưu thành công vào hệ thống tệp. Tuy nhiên, những gì tôi đã làm trước đây là những thay đổi được thực hiện trong bảng elements-> styles để được cập nhật trong tệp SCSS (ví dụ: Nếu tôi thực hiện thay đổi trong tab yếu tố và kiểm tra tệp SCSS trong chrome thì nó đã thay đổi nó).
Thay vào đó, nó thực hiện thay đổi đối với tệp CSS. Rõ ràng đây không phải là rất hữu ích như:
- sẽ bị ghi đè càng sớm càng file SCSS được thay đổi
- Nó có nghĩa là Chrome sẽ hiển thị phong cách mà không phải là trong file SCSS, ngay cả sau khi tải lại, vì chúng được lưu giữ liên tục trong tệp CSS
Tôi đã thử trên cả OSX và Windows, sử dụng Sass 3.3.6. Cũng có thể xác nhận rằng đó không phải là sự cố "../" được đề cập trong # 9 https://code.google.com/p/chromium/issues/detail?id=273384 vì tệp sass hiện nằm trong tệp css. Cũng không có style.css? Ver = x extensions trên thẻ biểu định kiểu.
Cảm ơn, đã chấp nhận. Tôi chắc đã nhầm lẫn khi tôi nghĩ rằng nó đã hoạt động rồi. Nó sẽ là một tính năng tốt đẹp, tuy nhiên, đối với ngăn Kiểu để vá SCSS khi chỉ có kiểu CSS đơn giản trong bộ chọn đó và bộ chọn không sử dụng trình giữ chỗ SASS, v.v. – user3590211
Điều này có liên quan đến https://code.google không .com/p/chromium/issue/detail? id = 257778 @ alexander-pavlov? Sẽ không có cách giải quyết nào để sass được lưu giữ trong ngăn kiểu? – fernandopasik
@fernandopasik: Điều này chỉ liên quan đến vấn đề bạn đề cập đến. Đó là về một chỉnh sửa CSS được tạo ra trong ngăn Styles, giết chết liên kết CSS-> SCSS. –