更换sass库,兼容win10

pull/19/head
宇天 2018-12-27 18:44:32 +08:00
parent c611f27583
commit 64ae364fb5
8 changed files with 2106 additions and 720 deletions

View File

@ -1,5 +1,10 @@
# 更新日志 # 更新日志
## [1.1.1] 2018-12-27
- 更换sass库,兼容win10 [#1](https://github.com/yutent/scss-to-css/issues/1)
## [1.1.0] 2018-12-21 ## [1.1.0] 2018-12-21
- 增加右键菜单编译(此命令不受配置中的过滤条件限制,只判断是否scss文件) - 增加右键菜单编译(此命令不受配置中的过滤条件限制,只判断是否scss文件)

View File

@ -10,7 +10,7 @@ const vsc = require('vscode')
const path = require('path') const path = require('path')
const fs = require('iofs') const fs = require('iofs')
const scss = require('node-sass') const ScssLib = require('./lib/index.js')
const postcss = require('postcss') const postcss = require('postcss')
const autoprefixer = require('autoprefixer') const autoprefixer = require('autoprefixer')
let prefixer let prefixer
@ -19,11 +19,11 @@ const log = console.log
const render = function(style, file) { const render = function(style, file) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
scss.render({ outputStyle: style, file }, (err, { css }) => { ScssLib(file, { style: ScssLib.Sass.style[style] }, res => {
if (err) { if (res && res.text) {
reject(err) resolve(res.text)
} else { } else {
resolve(css) reject(res)
} }
}) })
}) })

85
lib/index.js Executable file
View File

@ -0,0 +1,85 @@
/*! sass.js - v0.10.13 (7209593) - built 2018-11-19
providing libsass 3.5.5 (39e30874)
via emscripten 1.38.18 (7a0e274)
*/
var Sass = require('./sass.lib.js')
var fs = require('fs')
var path = require('path')
function fileExists(path) {
var stat = fs.statSync(path)
return stat && stat.isFile()
}
function removeFileExtension(path) {
return path.slice(0, path.lastIndexOf('.'))
}
function importFileToSass(path, done) {
// any path must be relative to CWD to work in both environments (real FS, and emscripten FS)
var requestedPath = './' + path
// figure out the *actual* path of the file
var filesystemPath = Sass.findPathVariation(fileExists, requestedPath)
if (!filesystemPath) {
done({
error: 'File "' + requestedPath + '" not found'
})
return
}
// Make sure to omit the ".css" file extension when it was omitted in requestedPath.
// This allow raw css imports.
// see https://github.com/sass/libsass/pull/754
var isRawCss =
!requestedPath.endsWith('.css') && filesystemPath.endsWith('.css')
var targetPath = isRawCss
? removeFileExtension(filesystemPath)
: filesystemPath
// write the file to emscripten FS so libsass internal FS handling
// can engage the scss/sass switch, which apparently does not happen
// for content provided through the importer callback directly
var content = fs.readFileSync(filesystemPath, { encoding: 'utf8' })
Sass.writeFile(filesystemPath, content, function() {
done({
path: targetPath
})
})
}
function importerCallback(request, done) {
importFileToSass(resolve(request), done)
}
function compileFile(path, options, callback) {
if (!callback) {
callback = options
options = {}
}
Sass.importer(importerCallback)
importFileToSass(path, function() {
Sass.compileFile(path, options, callback)
})
}
function resolve(request) {
// the request will not have the correct "resolved" path on Windows
// see https://github.com/medialize/sass.js/issues/69
// see https://github.com/medialize/sass.js/issues/86
return path
.normalize(
path.join(
// sass.js works in the "/sass/" directory, make that relative to CWD
path.dirname(request.previous.replace(/^\/sass\//, '')),
request.current
)
)
.replace(/\\/g, '/')
}
compileFile.importFileToSass = importFileToSass
compileFile.Sass = Sass
module.exports = compileFile

827
lib/sass.lib.js Executable file

File diff suppressed because one or more lines are too long

1882
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -2,7 +2,7 @@
"name": "scss-to-css", "name": "scss-to-css",
"displayName": "scss-to-css", "displayName": "scss-to-css",
"description": "🔥 最简单易用的SCSS编译器, 可自动编译scss文件及补全前缀", "description": "🔥 最简单易用的SCSS编译器, 可自动编译scss文件及补全前缀",
"version": "1.1.0", "version": "1.1.1",
"publisher": "yutent", "publisher": "yutent",
"author": "Yutent [@yutent]", "author": "Yutent [@yutent]",
"icon": "logo.png", "icon": "logo.png",
@ -85,9 +85,8 @@
"vscode": "^1.1.21" "vscode": "^1.1.21"
}, },
"dependencies": { "dependencies": {
"node-sass": "^4.10.0", "autoprefixer": "^9.3.1",
"iofs": "^1.1.0", "iofs": "^1.1.0",
"postcss": "^7.0.6", "postcss": "^7.0.6"
"autoprefixer": "^9.3.1"
} }
} }

1
test/demo.css Normal file
View File

@ -0,0 +1 @@
ul{display:flex}ul li{flex:1}

5
test/demo.scss Normal file
View File

@ -0,0 +1,5 @@
ul {
display: flex;
li {flex: 1}
}