宇天 dfdaed18f6 fixed 2021-07-05 17:51:45 +08:00
.vscode update to 3.0.0 2019-08-05 16:02:59 +08:00
test update 2021-07-02 19:42:59 +08:00
.gitignore fixed 2021-07-05 17:51:45 +08:00
.travis.yml update 2018-12-17 11:02:43 +08:00
.vscodeignore fixed 2021-07-05 17:51:45 +08:00
CHANGELOG.md use `sass` instead 2021-06-30 14:34:24 +08:00
LICENSE 增加右键菜单编译;增加快捷键绑定 2018-12-21 15:57:39 +08:00
README.md 更新文档 2021-06-30 14:42:52 +08:00
README_ZH.md 更新文档 2021-06-30 14:42:52 +08:00
demo.gif add demo.gif 2018-12-21 16:41:40 +08:00
index.js fixed 2021-07-05 17:51:45 +08:00
logo.png init 2018-12-03 10:00:21 +08:00
package-lock.json update 2021-07-02 19:42:59 +08:00
package.json fixed 2021-07-05 17:51:45 +08:00

README.md

scss-to-css

It can be used for simple compilation/compression of scss files without installing various front-end engineering tools (webpack, etc.).

Version Rating Installs Build Status

README_中文

Live demo: demo

Why Scss-to-css

For small projects, various engineering tools such as webpack are too heavy and cumbersome to configure. And a lot of modules have to be installed. Sometimes, we just want to simply use the convenience brought by scss. So for this purpose, I wrote a vsc plug-in, which can be automatically compiled into a css file (stored in the current directory by default) when the scss file is saved, and the browser prefix is automatically completed.

Configuration

Some configuration can be set, which it works better for you。

  • compileOnSave: Auto compile on document saved, default true
  • autoPrefixer: Will autoprefixer. It can be run faster when turn off. default true
  • output: Output style. default compressed
  • exclude: The RegExp of path what you can to ignore(the var.scss file will never be compiled)。

Issues

This extension work well on all os. If any problem please let me known issue

Dependencies

We use node-sass(Deprecated in 3.1.0) instead of libsass.

v3.1.0 uses sass instead. No need to install node-sass globally

  • node-sass, You need to install this module manually. Maybe root is required on linux.

Installation

Search scss-to-css and install in the marketplace.

.browserslistrc DEMO (Deprecated in 2.x)

Just for demo, you can change it by youself. If not exists, the default value will be last 2 version.

ie > 9
iOS > 8
Android >= 4.4
ff > 38
Chrome > 38

.scssrc DEMO (in 2.x or above)

instead of using .browserslistrc, we recommend to use .scssrc.

{
  "browsers": ["ie > 9", "iOS > 8", "Android >= 4.4", "ff > 38", "Chrome > 38"],
  "outdir": "dist" // relative path of this '.scssrc' file.
}

// You can also set other config in this file.
// eg. compileOnSave,autoPrefixer,output,exclude
Scss编译插件, 简单易用。无需配置复杂的环境, 保存自动编译,并根据你的需求补全浏览器前缀。1.0.0版是给Sublime Text 用的。 之后的版本是vscode专用。
JavaScript 98.5%
SCSS 1.5%