Compare commits
No commits in common. "master" and "2.x" have entirely different histories.
157
.eslintrc
157
.eslintrc
|
|
@ -1,12 +1,155 @@
|
|||
root: true
|
||||
|
||||
env:
|
||||
mocha: true
|
||||
node: true
|
||||
|
||||
rules:
|
||||
max-len:
|
||||
- 2
|
||||
- 120
|
||||
# globals:
|
||||
#########################
|
||||
## Only add globals if you're absolutely certain they need to be globals
|
||||
##########################
|
||||
# console: true
|
||||
|
||||
#########################
|
||||
## set to 0 to allow
|
||||
## set to 1 to disallow as warning
|
||||
## set to 2 to disallow as error
|
||||
#########################
|
||||
rules:
|
||||
#########################
|
||||
## Optional Rules
|
||||
#########################
|
||||
# Disallow use of `console`
|
||||
no-console: 2
|
||||
|
||||
# Disallow warning comments
|
||||
no-warning-comments:
|
||||
- 1
|
||||
- terms
|
||||
- todo
|
||||
- fixme
|
||||
location
|
||||
- anywhere
|
||||
|
||||
# Warns when variables are defined but never used
|
||||
no-unused-vars: 1
|
||||
|
||||
# Enforces comma style (first or last)
|
||||
comma-style:
|
||||
- 2
|
||||
- last
|
||||
|
||||
# Enforces one true `this` variable
|
||||
consistent-this:
|
||||
- 2
|
||||
- self
|
||||
# Allows dangling underscores in identifiers
|
||||
no-underscore-dangle: 2
|
||||
|
||||
# Enforces function expressions to have a name
|
||||
func-names: 0
|
||||
|
||||
# Set maximum depth of nested callbacks
|
||||
max-nested-callbacks:
|
||||
- 1
|
||||
- 3
|
||||
|
||||
#########################
|
||||
## Core Rules
|
||||
##########################
|
||||
# Enforces camel case names
|
||||
camelcase: 2
|
||||
|
||||
# Prohibit use of == and != in favor of === and !==
|
||||
eqeqeq: 2
|
||||
|
||||
# Suppresses warnings about == null comparisons
|
||||
no-eq-null: 2
|
||||
|
||||
# No mixing tabs and spaces, with 2 spaces only
|
||||
no-mixed-spaces-and-tabs: 2
|
||||
|
||||
# Prohibits use of a variable before it is defined
|
||||
no-use-before-define: 2
|
||||
|
||||
# Requires capitalized names for constructor functions
|
||||
new-cap: 2
|
||||
|
||||
# Prohibits use of explicitly undeclared variables
|
||||
no-undef: 2
|
||||
|
||||
# Enforces Use Strict at the top of function scope
|
||||
strict:
|
||||
- 2
|
||||
- global
|
||||
|
||||
# Requires variable declarations to be at the top
|
||||
vars-on-top: 2
|
||||
|
||||
# Enforce curly braces around blocks in loops and conditionals
|
||||
curly: 2
|
||||
|
||||
# Prohibits the use of immediate function invocations w/o wrapping in parentheses
|
||||
wrap-iife: 2
|
||||
|
||||
# Prohibits `argument.caller` and `argument.callee`
|
||||
no-caller: 2
|
||||
|
||||
# Requires all `for in` loops to filter object's items
|
||||
guard-for-in: 2
|
||||
|
||||
# Prohibits comparing a variable against itself
|
||||
no-self-compare: 2
|
||||
|
||||
# Prohibits use of `undefined` variable
|
||||
no-undefined: 0
|
||||
|
||||
# Prohibits nested ternaries
|
||||
no-nested-ternary: 2
|
||||
|
||||
# Enforces a space before blocks
|
||||
space-before-blocks:
|
||||
- 2
|
||||
- always
|
||||
|
||||
# Enforces spaces following keywords
|
||||
space-after-keywords:
|
||||
- 2
|
||||
- always
|
||||
- checkFunctionKeyword: true
|
||||
|
||||
# Enforces quoted property names
|
||||
quote-props:
|
||||
- 2
|
||||
- always
|
||||
|
||||
# Enforces padded blocks
|
||||
padded-blocks:
|
||||
- 1
|
||||
- never
|
||||
|
||||
# Enforce functions as expressions
|
||||
func-style:
|
||||
- 2
|
||||
- expression
|
||||
|
||||
# Require brace style
|
||||
brace-style:
|
||||
- 2
|
||||
- stroustrup
|
||||
|
||||
# Prohibits Yoda conditions
|
||||
yoda:
|
||||
- 2
|
||||
- never
|
||||
|
||||
# Enforce use of single quotation marks for strings.
|
||||
quotes:
|
||||
- 2
|
||||
- single
|
||||
|
||||
# Enforces space inside of brackets (except property name)
|
||||
space-in-brackets:
|
||||
- 2
|
||||
- always
|
||||
- propertyName: false
|
||||
singleValue: false
|
||||
|
||||
extends: "airbnb-base"
|
||||
|
|
|
|||
|
|
@ -1,25 +0,0 @@
|
|||
default:
|
||||
before_script:
|
||||
- yarn
|
||||
|
||||
node12:
|
||||
image: node:12
|
||||
allow_failure: true
|
||||
script:
|
||||
- yarn test
|
||||
|
||||
node13:
|
||||
image: node:13
|
||||
allow_failure: true
|
||||
script:
|
||||
- yarn test
|
||||
|
||||
node14:
|
||||
image: node:14
|
||||
script:
|
||||
- yarn test
|
||||
|
||||
node15:
|
||||
image: node:15
|
||||
script:
|
||||
- yarn test
|
||||
|
|
@ -1,8 +1,5 @@
|
|||
sudo: false
|
||||
|
||||
language: node_js
|
||||
|
||||
node_js:
|
||||
- lts/boron
|
||||
- lts/carbon
|
||||
- current
|
||||
- "0.10"
|
||||
- node
|
||||
- iojs
|
||||
|
|
|
|||
109
CHANGELOG.md
109
CHANGELOG.md
|
|
@ -1,114 +1,5 @@
|
|||
# Gulp Sass Changelog
|
||||
|
||||
## v4.2.0
|
||||
**November 6, 2020**
|
||||
|
||||
https://git.sakamoto.pl/selfisekai/gulp-sass/-/tags/v4.2.0
|
||||
|
||||
## v4.1.0
|
||||
**April 23, 2020**
|
||||
|
||||
https://github.com/dlmanning/gulp-sass/releases/tag/v4.1.0
|
||||
|
||||
## v4.0.2
|
||||
**October 16, 2018**
|
||||
|
||||
https://github.com/dlmanning/gulp-sass/releases/tag/v4.0.2
|
||||
|
||||
## v4.0.1
|
||||
**Apr 8, 2018**
|
||||
|
||||
https://github.com/dlmanning/gulp-sass/releases/tag/v4.0.1
|
||||
|
||||
## v4.0.0
|
||||
**April 5, 2018**
|
||||
|
||||
https://github.com/dlmanning/gulp-sass/releases/tag/v4.0.0
|
||||
|
||||
## v3.2.1
|
||||
**March 24, 2018**
|
||||
|
||||
https://github.com/dlmanning/gulp-sass/releases/tag/v3.2.1
|
||||
|
||||
## v3.2.0
|
||||
**March 12, 2018**
|
||||
|
||||
https://github.com/dlmanning/gulp-sass/releases/tag/v3.2.0
|
||||
|
||||
## v3.1.0
|
||||
**January 9, 2017**
|
||||
|
||||
https://github.com/dlmanning/gulp-sass/releases/tag/v3.1.0
|
||||
|
||||
## v3.0.0
|
||||
**January 9, 2017**
|
||||
|
||||
https://github.com/dlmanning/gulp-sass/releases/tag/v3.0.0
|
||||
|
||||
## v2.3.2
|
||||
**June 15, 2016**
|
||||
|
||||
https://github.com/dlmanning/gulp-sass/releases/tag/v2.3.2
|
||||
|
||||
## v2.3.1
|
||||
**April 22, 2016**
|
||||
|
||||
https://github.com/dlmanning/gulp-sass/releases/tag/v2.3.1
|
||||
|
||||
## v2.3.0
|
||||
**April 21, 2016**
|
||||
|
||||
https://github.com/dlmanning/gulp-sass/releases/tag/v2.3.0
|
||||
|
||||
## v2.3.0-beta.1
|
||||
**February 4, 2016**
|
||||
|
||||
https://github.com/dlmanning/gulp-sass/releases/tag/v2.3.0-beta.1
|
||||
|
||||
## v2.2.0
|
||||
**February 4, 2016**
|
||||
|
||||
https://github.com/dlmanning/gulp-sass/releases/tag/v2.2.0
|
||||
|
||||
## v2.1.0
|
||||
**November 2, 2015**
|
||||
|
||||
https://github.com/dlmanning/gulp-sass/releases/tag/v2.1.0
|
||||
|
||||
## v2.1.0-beta
|
||||
**September 21, 2015**
|
||||
|
||||
* **Change** :arrow_up: Bump to Node Sass 3.4.0-beta1
|
||||
|
||||
## v2.0.4
|
||||
**July 15, 2015**
|
||||
|
||||
* **Fix** Relative file path now uses `file.relative` instead of arcane `split('/').pop` magic. Resolves lots of issues with source map paths.
|
||||
|
||||
* **Fix** Empty partials no longer copied to CSS folder
|
||||
|
||||
## v2.0.3
|
||||
**June 27, 2015**
|
||||
|
||||
* **Fix** Empty partials no longer copied to CSS folder
|
||||
|
||||
## v2.0.2
|
||||
**June 25, 2015**
|
||||
|
||||
* **Fix** Error in watch stream preventing watch from continuing
|
||||
|
||||
## v2.0.1
|
||||
**May 13, 2015**
|
||||
|
||||
* **Fix** Source maps now work as expected with Autoprefixer
|
||||
* **Fix** Current file directory `unshift` onto includePaths stack so it's checked first
|
||||
* **Fix** Error message returned is unformatted so as to not break other error handling (*i.e.* `gulp-notify`)
|
||||
|
||||
## v2.0.0
|
||||
**May 6, 2015**
|
||||
|
||||
* **Change** :arrow_up: Bump to Node Sass 3.0.0
|
||||
|
||||
## v2.0.0-alpha.1
|
||||
**March 26, 2015**
|
||||
|
||||
|
|
|
|||
|
|
@ -4,11 +4,11 @@ Gulp Sass is a very light-weight [Gulp](https://github.com/gulpjs/gulp) wrapper
|
|||
|
||||
## Submitting Issues
|
||||
|
||||
* Before creating a new issue, perform a [cursory search](https://github.com/issues?utf8=%E2%9C%93&q=repo%3Adlmanning%2Fgulp-sass+repo%3Asass%2Fnode-sass+repo%3Asass%2Flibsass+repo%3Asass%2Fsass+repo%3Asass-eyeglass%2Feyeglass) in the Gulp Sass, Node Sass, Libsass, and main Sass repos to see if a similar issue has already been submitted. Please also refer to our [Common Issues and Their Fixes](https://github.com/dlmanning/gulp-sass/wiki/Common-Issues-and-Their-Fixes) page for some basic troubleshooting.
|
||||
* Before creating a new issue, perform a [cursory search](https://github.com/issues?utf8=%E2%9C%93&q=repo%3Adlmanning%2Fgulp-sass+repo%3Asass%2Fnode-sass+repo%3Asass%2Flibsass+repo%3Asass%2Fsass+repo%3Asass-eyeglass%2Feyeglass) in the Gulp Sass, Node Sass, Libsass, and main Sass repos to see if a similar issue has already been submitted.
|
||||
* You can create an issue [here](https://github.com/dlmanning/gulp-sass/issues). Please include as many details as possible in your report.
|
||||
* Issue titles should be descriptive, explaining at the high level what it is about.
|
||||
* Please include the version of `gulp-sass`, Node, and NPM you are using, as well as what operating system you are having a problem on.
|
||||
* _Do not open a [pull request](#pull-requests) to resolve an issue without first receiving feedback from a `collaborator` or `owner` and having them agree on a solution forward_.
|
||||
* Please include the version of `gulp-sass` you are using.
|
||||
* Do not open a [pull request](#pull-requests) to resolve an issue without first receiving feedback from a `collaborator` or `owner` and having them agree on a solution forward.
|
||||
* Include screenshots and animated GIFs whenever possible; they are immensely helpful.
|
||||
* Issues that have a number of sub-items that need to be complete should use [task lists](https://github.com/blog/1375%0A-task-lists-in-gfm-issues-pulls-comments) to track the sub-items in the main issue comment.
|
||||
|
||||
|
|
|
|||
177
LICENSE
177
LICENSE
|
|
@ -1,165 +1,20 @@
|
|||
GNU LESSER GENERAL PUBLIC LICENSE
|
||||
Version 3, 29 June 2007
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
|
||||
Everyone is permitted to copy and distribute verbatim copies
|
||||
of this license document, but changing it is not allowed.
|
||||
Copyright (c) 2013 David Manning
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||
this software and associated documentation files (the "Software"), to deal in
|
||||
the Software without restriction, including without limitation the rights to
|
||||
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||||
the Software, and to permit persons to whom the Software is furnished to do so,
|
||||
subject to the following conditions:
|
||||
|
||||
This version of the GNU Lesser General Public License incorporates
|
||||
the terms and conditions of version 3 of the GNU General Public
|
||||
License, supplemented by the additional permissions listed below.
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
0. Additional Definitions.
|
||||
|
||||
As used herein, "this License" refers to version 3 of the GNU Lesser
|
||||
General Public License, and the "GNU GPL" refers to version 3 of the GNU
|
||||
General Public License.
|
||||
|
||||
"The Library" refers to a covered work governed by this License,
|
||||
other than an Application or a Combined Work as defined below.
|
||||
|
||||
An "Application" is any work that makes use of an interface provided
|
||||
by the Library, but which is not otherwise based on the Library.
|
||||
Defining a subclass of a class defined by the Library is deemed a mode
|
||||
of using an interface provided by the Library.
|
||||
|
||||
A "Combined Work" is a work produced by combining or linking an
|
||||
Application with the Library. The particular version of the Library
|
||||
with which the Combined Work was made is also called the "Linked
|
||||
Version".
|
||||
|
||||
The "Minimal Corresponding Source" for a Combined Work means the
|
||||
Corresponding Source for the Combined Work, excluding any source code
|
||||
for portions of the Combined Work that, considered in isolation, are
|
||||
based on the Application, and not on the Linked Version.
|
||||
|
||||
The "Corresponding Application Code" for a Combined Work means the
|
||||
object code and/or source code for the Application, including any data
|
||||
and utility programs needed for reproducing the Combined Work from the
|
||||
Application, but excluding the System Libraries of the Combined Work.
|
||||
|
||||
1. Exception to Section 3 of the GNU GPL.
|
||||
|
||||
You may convey a covered work under sections 3 and 4 of this License
|
||||
without being bound by section 3 of the GNU GPL.
|
||||
|
||||
2. Conveying Modified Versions.
|
||||
|
||||
If you modify a copy of the Library, and, in your modifications, a
|
||||
facility refers to a function or data to be supplied by an Application
|
||||
that uses the facility (other than as an argument passed when the
|
||||
facility is invoked), then you may convey a copy of the modified
|
||||
version:
|
||||
|
||||
a) under this License, provided that you make a good faith effort to
|
||||
ensure that, in the event an Application does not supply the
|
||||
function or data, the facility still operates, and performs
|
||||
whatever part of its purpose remains meaningful, or
|
||||
|
||||
b) under the GNU GPL, with none of the additional permissions of
|
||||
this License applicable to that copy.
|
||||
|
||||
3. Object Code Incorporating Material from Library Header Files.
|
||||
|
||||
The object code form of an Application may incorporate material from
|
||||
a header file that is part of the Library. You may convey such object
|
||||
code under terms of your choice, provided that, if the incorporated
|
||||
material is not limited to numerical parameters, data structure
|
||||
layouts and accessors, or small macros, inline functions and templates
|
||||
(ten or fewer lines in length), you do both of the following:
|
||||
|
||||
a) Give prominent notice with each copy of the object code that the
|
||||
Library is used in it and that the Library and its use are
|
||||
covered by this License.
|
||||
|
||||
b) Accompany the object code with a copy of the GNU GPL and this license
|
||||
document.
|
||||
|
||||
4. Combined Works.
|
||||
|
||||
You may convey a Combined Work under terms of your choice that,
|
||||
taken together, effectively do not restrict modification of the
|
||||
portions of the Library contained in the Combined Work and reverse
|
||||
engineering for debugging such modifications, if you also do each of
|
||||
the following:
|
||||
|
||||
a) Give prominent notice with each copy of the Combined Work that
|
||||
the Library is used in it and that the Library and its use are
|
||||
covered by this License.
|
||||
|
||||
b) Accompany the Combined Work with a copy of the GNU GPL and this license
|
||||
document.
|
||||
|
||||
c) For a Combined Work that displays copyright notices during
|
||||
execution, include the copyright notice for the Library among
|
||||
these notices, as well as a reference directing the user to the
|
||||
copies of the GNU GPL and this license document.
|
||||
|
||||
d) Do one of the following:
|
||||
|
||||
0) Convey the Minimal Corresponding Source under the terms of this
|
||||
License, and the Corresponding Application Code in a form
|
||||
suitable for, and under terms that permit, the user to
|
||||
recombine or relink the Application with a modified version of
|
||||
the Linked Version to produce a modified Combined Work, in the
|
||||
manner specified by section 6 of the GNU GPL for conveying
|
||||
Corresponding Source.
|
||||
|
||||
1) Use a suitable shared library mechanism for linking with the
|
||||
Library. A suitable mechanism is one that (a) uses at run time
|
||||
a copy of the Library already present on the user's computer
|
||||
system, and (b) will operate properly with a modified version
|
||||
of the Library that is interface-compatible with the Linked
|
||||
Version.
|
||||
|
||||
e) Provide Installation Information, but only if you would otherwise
|
||||
be required to provide such information under section 6 of the
|
||||
GNU GPL, and only to the extent that such information is
|
||||
necessary to install and execute a modified version of the
|
||||
Combined Work produced by recombining or relinking the
|
||||
Application with a modified version of the Linked Version. (If
|
||||
you use option 4d0, the Installation Information must accompany
|
||||
the Minimal Corresponding Source and Corresponding Application
|
||||
Code. If you use option 4d1, you must provide the Installation
|
||||
Information in the manner specified by section 6 of the GNU GPL
|
||||
for conveying Corresponding Source.)
|
||||
|
||||
5. Combined Libraries.
|
||||
|
||||
You may place library facilities that are a work based on the
|
||||
Library side by side in a single library together with other library
|
||||
facilities that are not Applications and are not covered by this
|
||||
License, and convey such a combined library under terms of your
|
||||
choice, if you do both of the following:
|
||||
|
||||
a) Accompany the combined library with a copy of the same work based
|
||||
on the Library, uncombined with any other library facilities,
|
||||
conveyed under the terms of this License.
|
||||
|
||||
b) Give prominent notice with the combined library that part of it
|
||||
is a work based on the Library, and explaining where to find the
|
||||
accompanying uncombined form of the same work.
|
||||
|
||||
6. Revised Versions of the GNU Lesser General Public License.
|
||||
|
||||
The Free Software Foundation may publish revised and/or new versions
|
||||
of the GNU Lesser General Public License from time to time. Such new
|
||||
versions will be similar in spirit to the present version, but may
|
||||
differ in detail to address new problems or concerns.
|
||||
|
||||
Each version is given a distinguishing version number. If the
|
||||
Library as you received it specifies that a certain numbered version
|
||||
of the GNU Lesser General Public License "or any later version"
|
||||
applies to it, you have the option of following the terms and
|
||||
conditions either of that published version or of any later version
|
||||
published by the Free Software Foundation. If the Library as you
|
||||
received it does not specify a version number of the GNU Lesser
|
||||
General Public License, you may choose any version of the GNU Lesser
|
||||
General Public License ever published by the Free Software Foundation.
|
||||
|
||||
If the Library as you received it specifies that a proxy can decide
|
||||
whether future versions of the GNU Lesser General Public License shall
|
||||
apply, that proxy's public statement of acceptance of any version is
|
||||
permanent authorization for you to choose that version for the
|
||||
Library.
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||||
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||||
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
|
|
|||
108
README.md
108
README.md
|
|
@ -1,19 +1,11 @@
|
|||
# gulp-sass
|
||||
# gulp-sass [](https://travis-ci.org/dlmanning/gulp-sass) [](https://gitter.im/dlmanning/gulp-sass?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
|
||||
|
||||
Sass plugin for [Gulp](https://github.com/gulpjs/gulp).
|
||||
|
||||
This is a fork of [David Manning's Gulp Sass](https://github.com/dlmanning/gulp-sass).
|
||||
|
||||
# Support
|
||||
|
||||
Only [Active LTS and Current releases][1] are supported.
|
||||
|
||||
[1]: https://github.com/nodejs/Release#release-schedule
|
||||
|
||||
# Install
|
||||
|
||||
```
|
||||
yarn add --dev sass @selfisekai/gulp-sass
|
||||
npm install gulp-sass --save-dev
|
||||
```
|
||||
|
||||
# Basic Usage
|
||||
|
|
@ -21,119 +13,65 @@ yarn add --dev sass @selfisekai/gulp-sass
|
|||
Something like this will compile your Sass files:
|
||||
|
||||
```javascript
|
||||
'use strict';
|
||||
var gulp = require('gulp');
|
||||
var sass = require('gulp-sass');
|
||||
|
||||
const gulp = require('gulp');
|
||||
const sass = require('@selfisekai/gulp-sass');
|
||||
|
||||
sass.compiler = require('sass');
|
||||
|
||||
gulp.task('sass', () => {
|
||||
return gulp.src('./sass/**/*.scss')
|
||||
.pipe(sass().on('error', sass.logError))
|
||||
.pipe(gulp.dest('./css'));
|
||||
});
|
||||
|
||||
gulp.task('sass:watch', () => {
|
||||
gulp.watch('./sass/**/*.scss', ['sass']);
|
||||
gulp.task('sass', function () {
|
||||
gulp.src('./scss/*.scss')
|
||||
.pipe(sass().on('error', sass.logError))
|
||||
.pipe(gulp.dest('./css'));
|
||||
});
|
||||
```
|
||||
|
||||
You can also compile synchronously, doing something like this:
|
||||
|
||||
```javascript
|
||||
'use strict';
|
||||
var gulp = require('gulp');
|
||||
var sass = require('gulp-sass');
|
||||
|
||||
const gulp = require('gulp');
|
||||
const sass = require('@selfisekai/gulp-sass');
|
||||
|
||||
sass.compiler = require('sass');
|
||||
|
||||
gulp.task('sass', () => {
|
||||
return gulp.src('./sass/**/*.scss')
|
||||
gulp.task('sass', function () {
|
||||
gulp.src('./scss/*.scss')
|
||||
.pipe(sass.sync().on('error', sass.logError))
|
||||
.pipe(gulp.dest('./css'));
|
||||
});
|
||||
|
||||
gulp.task('sass:watch', () => {
|
||||
gulp.watch('./sass/**/*.scss', ['sass']);
|
||||
});
|
||||
```
|
||||
|
||||
You can choose whether to use [Dart Sass][] or [Node Sass][] by setting the `sass.compiler` property. Dart Sass will be used by default, but it's strongly recommended that you set it explicitly for forwards-compatibility in case the default ever changes.
|
||||
|
||||
Compiler | Maintained | No installation problems
|
||||
------------|------------|-------------------------
|
||||
[Dart Sass] | yes | yes
|
||||
[Node Sass] | no | no
|
||||
|
||||
[Dart Sass]: http://sass-lang.com/dart-sass
|
||||
[Node Sass]: https://github.com/sass/node-sass
|
||||
|
||||
Note that when using Dart Sass, **synchronous compilation is twice as fast as asynchronous compilation** by default, due to the overhead of asynchronous callbacks.
|
||||
|
||||
## Options
|
||||
|
||||
Pass in options just like you would for [Node Sass](https://github.com/sass/node-sass#options); they will be passed along just as if you were using Node Sass. Except for the `data` option which is used by gulp-sass internally. Using the `file` option is also unsupported and results in undefined behaviour that may change without notice.
|
||||
|
||||
For example:
|
||||
|
||||
```javascript
|
||||
gulp.task('sass', () => {
|
||||
return gulp.src('./sass/**/*.scss')
|
||||
.pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
|
||||
.pipe(gulp.dest('./css'));
|
||||
});
|
||||
```
|
||||
|
||||
Or this for synchronous code:
|
||||
|
||||
```javascript
|
||||
gulp.task('sass', () => {
|
||||
return gulp.src('./sass/**/*.scss')
|
||||
.pipe(sass.sync({outputStyle: 'compressed'}).on('error', sass.logError))
|
||||
.pipe(gulp.dest('./css'));
|
||||
});
|
||||
```
|
||||
Pass in options just like you would for [`node-sass`](https://github.com/sass/node-sass#options); they will be passed along just as if you were using `node-sass`.
|
||||
|
||||
## Source Maps
|
||||
|
||||
`gulp-sass` can be used in tandem with [gulp-sourcemaps](https://github.com/floridoo/gulp-sourcemaps) to generate source maps for the Sass to CSS compilation. You will need to initialize [gulp-sourcemaps](https://github.com/floridoo/gulp-sourcemaps) prior to running `gulp-sass` and write the source maps after.
|
||||
|
||||
```javascript
|
||||
const sourcemaps = require('gulp-sourcemaps');
|
||||
var sourcemaps = require('gulp-sourcemaps');
|
||||
|
||||
gulp.task('sass', () => {
|
||||
return gulp.src('./sass/**/*.scss')
|
||||
gulp.src('./scss/*.scss')
|
||||
.pipe(sourcemaps.init())
|
||||
.pipe(sass().on('error', sass.logError))
|
||||
.pipe(sass())
|
||||
.pipe(sourcemaps.write())
|
||||
.pipe(gulp.dest('./css'));
|
||||
});
|
||||
```
|
||||
|
||||
By default, [gulp-sourcemaps](https://github.com/floridoo/gulp-sourcemaps) writes the source maps inline in the compiled CSS files. To write them to a separate file, specify a path relative to the `gulp.dest()` destination in the `sourcemaps.write()` function.
|
||||
|
||||
```javascript
|
||||
const sourcemaps = require('gulp-sourcemaps');
|
||||
gulp.task('sass', () => {
|
||||
return gulp.src('./sass/**/*.scss')
|
||||
var sourcemaps = require('gulp-sourcemaps');
|
||||
|
||||
gulp.src('./scss/*.scss')
|
||||
.pipe(sourcemaps.init())
|
||||
.pipe(sass().on('error', sass.logError))
|
||||
.pipe(sass())
|
||||
.pipe(sourcemaps.write('./maps'))
|
||||
.pipe(gulp.dest('./css'));
|
||||
});
|
||||
```
|
||||
|
||||
# Issues
|
||||
|
||||
`gulp-sass` is a very light-weight wrapper around either [Dart Sass][] or [Node Sass][] (which in turn is a Node binding for [LibSass][]). Because of this, the issue you're having likely isn't a `gulp-sass` issue, but an issue with one those projects or with [Sass][] as a whole.
|
||||
`gulp-sass` is a very light-weight wrapper around [`node-sass`](https://github.com/sass/node-sass), which in turn is a Node binding for [`libsass`](https://github.com/sass/libsass), which in turn is a port of [`Sass`](https://github.com/sass/sass). Because of this, the issue you're having likely isn't a `gulp-sass` issue, but an issue with one of those three projects.
|
||||
|
||||
[LibSass]: https://sass-lang.com/libsass
|
||||
[Sass]: https://sass-lang.com
|
||||
If you have a feature request/question how Sass works/concerns on how your Sass gets compiled/errors in your compiling, it's likely a `libsass` or `Sass` issue and you should file your issue with one of those projects.
|
||||
|
||||
If you have a feature request/question how Sass works/concerns on how your Sass gets compiled/errors in your compiling, it's likely a Dart Sass or LibSass issue and you should file your issue with one of those projects.
|
||||
|
||||
If you're having problems with the options you're passing in, it's likely a Dart Sass or Node Sass issue and you should file your issue with one of those projects.
|
||||
If you're having problems with the options you're passing in, it's likely a `node-sass` or `libsass` issued and you should file your issue with one of those projects.
|
||||
|
||||
We may, in the course of resolving issues, direct you to one of these other projects. If we do so, please follow up by searching that project's issue queue (both open and closed) for your problem and, if it doesn't exist, filing an issue with them.
|
||||
|
|
|
|||
25
appveyor.yml
25
appveyor.yml
|
|
@ -1,25 +0,0 @@
|
|||
version: "{build}"
|
||||
|
||||
cache:
|
||||
- '%AppData%\npm-cache'
|
||||
|
||||
build: off
|
||||
|
||||
platform:
|
||||
- x64
|
||||
- x86
|
||||
|
||||
environment:
|
||||
matrix:
|
||||
- nodejs_version: 6
|
||||
- nodejs_version: 8
|
||||
- nodejs_version: 9
|
||||
|
||||
install:
|
||||
- ps: Install-Product node $env:nodejs_version $env:platform
|
||||
- npm install
|
||||
|
||||
test_script:
|
||||
- node --version
|
||||
- npm --version
|
||||
- npm test
|
||||
44
index.d.ts
vendored
44
index.d.ts
vendored
|
|
@ -1,44 +0,0 @@
|
|||
// Type definitions originally for gulp-sass 4.0.2
|
||||
// Project: https://github.com/dlmanning/gulp-sass
|
||||
// Definitions by: Asana <https://asana.com>
|
||||
// Yuma Hashimoto <https://github.com/yuma84>
|
||||
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
|
||||
// TypeScript Version: 2.7
|
||||
|
||||
/// <reference types="node"/>
|
||||
|
||||
import { Options } from 'sass';
|
||||
|
||||
interface SassResults {
|
||||
css: string;
|
||||
map: string;
|
||||
stats: {
|
||||
entry: string;
|
||||
start: Date;
|
||||
end: Date;
|
||||
duration: number;
|
||||
includedFiles: string[];
|
||||
}
|
||||
}
|
||||
|
||||
interface SassOptions extends Options {
|
||||
success?: (results: SassResults) => any;
|
||||
error?: (err: Error) => any;
|
||||
imagePaths?: string[];
|
||||
}
|
||||
|
||||
interface GulpSassOptions extends SassOptions {
|
||||
errLogToConsole?: boolean;
|
||||
onSuccess?: (css: string) => any;
|
||||
onError?: (err: Error) => any;
|
||||
sync?: boolean;
|
||||
}
|
||||
|
||||
interface Sass {
|
||||
(opts?: GulpSassOptions): NodeJS.ReadWriteStream;
|
||||
logError(error?: string): void;
|
||||
sync(options?: GulpSassOptions): NodeJS.ReadWriteStream;
|
||||
}
|
||||
|
||||
declare var _tmp: Sass;
|
||||
export = _tmp;
|
||||
295
index.js
295
index.js
|
|
@ -1,183 +1,156 @@
|
|||
/* eslint-disable global-require */
|
||||
/* eslint-disable import/no-extraneous-dependencies */
|
||||
'use strict';
|
||||
|
||||
const chalk = require('chalk');
|
||||
const PluginError = require('plugin-error');
|
||||
const replaceExtension = require('replace-ext');
|
||||
const stripAnsi = require('strip-ansi');
|
||||
const through = require('through2');
|
||||
const clonedeep = require('lodash/cloneDeep');
|
||||
const path = require('path');
|
||||
const applySourceMap = require('vinyl-sourcemaps-apply');
|
||||
var gutil = require('gulp-util');
|
||||
var through = require('through2');
|
||||
var assign = require('object-assign');
|
||||
var path = require('path');
|
||||
var applySourceMap = require('vinyl-sourcemaps-apply');
|
||||
|
||||
const PLUGIN_NAME = 'gulp-sass';
|
||||
var PLUGIN_NAME = 'gulp-sass';
|
||||
|
||||
// ////////////////////////////
|
||||
//////////////////////////////
|
||||
// Main Gulp Sass function
|
||||
// ////////////////////////////
|
||||
const gulpSass = (options, sync) => through.obj((file, enc, cb) => { // eslint-disable-line consistent-return
|
||||
if (file.isNull()) {
|
||||
return cb(null, file);
|
||||
}
|
||||
//////////////////////////////
|
||||
var gulpSass = function gulpSass(options, sync) {
|
||||
return through.obj(function(file, enc, cb) {
|
||||
var opts,
|
||||
filePush,
|
||||
errorM,
|
||||
callback,
|
||||
result;
|
||||
|
||||
if (file.isStream()) {
|
||||
return cb(new PluginError(PLUGIN_NAME, 'Streaming not supported'));
|
||||
}
|
||||
|
||||
if (path.basename(file.path).indexOf('_') === 0) {
|
||||
return cb();
|
||||
}
|
||||
|
||||
if (!file.contents.length) {
|
||||
file.path = replaceExtension(file.path, '.css'); // eslint-disable-line no-param-reassign
|
||||
return cb(null, file);
|
||||
}
|
||||
|
||||
const opts = clonedeep(options || {});
|
||||
opts.data = file.contents.toString();
|
||||
|
||||
// we set the file path here so that libsass can correctly resolve import paths
|
||||
opts.file = file.path;
|
||||
|
||||
// Ensure `indentedSyntax` is true if a `.sass` file
|
||||
if (path.extname(file.path) === '.sass') {
|
||||
opts.indentedSyntax = true;
|
||||
}
|
||||
|
||||
// Ensure file's parent directory in the include path
|
||||
if (opts.includePaths) {
|
||||
if (typeof opts.includePaths === 'string') {
|
||||
opts.includePaths = [opts.includePaths];
|
||||
if (file.isNull()) {
|
||||
return cb(null, file);
|
||||
}
|
||||
if (file.isStream()) {
|
||||
return cb(new gutil.PluginError(PLUGIN_NAME, 'Streaming not supported'));
|
||||
}
|
||||
if (path.basename(file.path).indexOf('_') === 0) {
|
||||
return cb();
|
||||
}
|
||||
} else {
|
||||
opts.includePaths = [];
|
||||
}
|
||||
|
||||
opts.includePaths.unshift(path.dirname(file.path));
|
||||
opts = assign({}, options);
|
||||
opts.data = file.contents.toString();
|
||||
|
||||
// Generate Source Maps if plugin source-map present
|
||||
if (file.sourceMap) {
|
||||
opts.sourceMap = file.path;
|
||||
opts.omitSourceMapUrl = true;
|
||||
opts.sourceMapContents = true;
|
||||
}
|
||||
// Ensure `indentedSyntax` is true if a `.sass` file
|
||||
if (path.extname(file.path) === '.sass') {
|
||||
opts.indentedSyntax = true;
|
||||
}
|
||||
|
||||
// ////////////////////////////
|
||||
// Handles returning the file to the stream
|
||||
// ////////////////////////////
|
||||
const filePush = (sassObj) => {
|
||||
let sassMap;
|
||||
let sassMapFile;
|
||||
let sassFileSrc;
|
||||
let sassFileSrcPath;
|
||||
let sourceFileIndex;
|
||||
// Ensure file's parent directory in the include path
|
||||
if (opts.includePaths) {
|
||||
if (typeof opts.includePaths === 'string') {
|
||||
opts.includePaths = [opts.includePaths];
|
||||
}
|
||||
}
|
||||
else {
|
||||
opts.includePaths = [];
|
||||
}
|
||||
|
||||
// Build Source Maps!
|
||||
if (sassObj.map) {
|
||||
// Transform map into JSON
|
||||
sassMap = JSON.parse(sassObj.map.toString());
|
||||
// Grab the stdout and transform it into stdin
|
||||
sassMapFile = sassMap.file.replace(/^stdout$/, 'stdin');
|
||||
// Grab the base file name that's being worked on
|
||||
sassFileSrc = file.relative;
|
||||
// Grab the path portion of the file that's being worked on
|
||||
sassFileSrcPath = path.dirname(sassFileSrc);
|
||||
if (sassFileSrcPath) {
|
||||
// Prepend the path to all files in the sources array except the file that's being worked on
|
||||
sourceFileIndex = sassMap.sources.indexOf(sassMapFile);
|
||||
sassMap.sources = sassMap.sources.map((source, index) => { // eslint-disable-line arrow-body-style
|
||||
return index === sourceFileIndex ? source : path.join(sassFileSrcPath, source);
|
||||
});
|
||||
opts.includePaths.push(path.dirname(file.path));
|
||||
|
||||
// Generate Source Maps if plugin source-map present
|
||||
if (file.sourceMap) {
|
||||
opts.sourceMap = file.path;
|
||||
opts.omitSourceMapUrl = true;
|
||||
}
|
||||
|
||||
//////////////////////////////
|
||||
// Handles returning the file to the stream
|
||||
//////////////////////////////
|
||||
filePush = function filePush(sassObj) {
|
||||
var sassMap,
|
||||
sassMapFile,
|
||||
sassFileSrc;
|
||||
|
||||
// Build Source Maps!
|
||||
if (sassObj.map) {
|
||||
// Transform map into JSON
|
||||
sassMap = JSON.parse(sassObj.map.toString());
|
||||
// Grab the stdout and transform it into stdin
|
||||
sassMapFile = sassMap.file.replace('stdout', 'stdin');
|
||||
// Grab the base file name that's being worked on
|
||||
sassFileSrc = file.path.split('/').pop();
|
||||
// Replace the stdin with the original file name
|
||||
sassMap.sources[sassMap.sources.indexOf(sassMapFile)] = sassFileSrc;
|
||||
// Replace the map file with the original file name
|
||||
sassMap.file = sassFileSrc;
|
||||
// Apply the map
|
||||
applySourceMap(file, sassMap);
|
||||
}
|
||||
|
||||
// Remove 'stdin' from souces and replace with filenames!
|
||||
sassMap.sources = sassMap.sources.filter(src => src !== 'stdin' && src);
|
||||
file.contents = sassObj.css;
|
||||
file.path = gutil.replaceExtension(file.path, '.css');
|
||||
|
||||
// Replace the map file with the original file name (but new extension)
|
||||
sassMap.file = replaceExtension(sassFileSrc, '.css');
|
||||
// Apply the map
|
||||
applySourceMap(file, sassMap);
|
||||
}
|
||||
|
||||
file.contents = sassObj.css; // eslint-disable-line no-param-reassign
|
||||
file.path = replaceExtension(file.path, '.css'); // eslint-disable-line no-param-reassign
|
||||
|
||||
if (file.stat) {
|
||||
file.stat.atime = file.stat.mtime = file.stat.ctime = new Date(); // eslint-disable-line
|
||||
}
|
||||
|
||||
cb(null, file);
|
||||
};
|
||||
|
||||
// ////////////////////////////
|
||||
// Handles error message
|
||||
// ////////////////////////////
|
||||
const errorM = (error) => {
|
||||
const filePath = (error.file === 'stdin' ? file.path : error.file) || file.path;
|
||||
const relativePath = path.relative(process.cwd(), filePath);
|
||||
const message = [chalk.underline(relativePath), error.formatted].join('\n');
|
||||
|
||||
error.messageFormatted = message; // eslint-disable-line no-param-reassign
|
||||
error.messageOriginal = error.message; // eslint-disable-line no-param-reassign
|
||||
error.message = stripAnsi(message); // eslint-disable-line no-param-reassign
|
||||
error.relativePath = relativePath; // eslint-disable-line no-param-reassign
|
||||
|
||||
return cb(new PluginError(PLUGIN_NAME, error));
|
||||
};
|
||||
|
||||
if (sync !== true) {
|
||||
// ////////////////////////////
|
||||
// Async Sass render
|
||||
// ////////////////////////////
|
||||
const callback = (error, obj) => { // eslint-disable-line consistent-return
|
||||
if (error) {
|
||||
return errorM(error);
|
||||
}
|
||||
filePush(obj);
|
||||
cb(null, file);
|
||||
};
|
||||
|
||||
gulpSass.compiler.render(opts, callback);
|
||||
} else {
|
||||
// ////////////////////////////
|
||||
// Sync Sass render
|
||||
// ////////////////////////////
|
||||
try {
|
||||
filePush(gulpSass.compiler.renderSync(opts));
|
||||
} catch (error) {
|
||||
return errorM(error);
|
||||
//////////////////////////////
|
||||
// Handles error message
|
||||
//////////////////////////////
|
||||
errorM = function errorM(error) {
|
||||
var relativePath = '',
|
||||
filePath = error.file === 'stdin' ? file.path : error.file,
|
||||
message = '';
|
||||
|
||||
filePath = filePath ? filePath : file.path;
|
||||
relativePath = path.relative(process.cwd(), filePath);
|
||||
|
||||
message += gutil.colors.underline(relativePath) + '\n';
|
||||
message += gutil.colors.gray(' ' + error.line + ':' + error.column) + ' ';
|
||||
message += error.message;
|
||||
|
||||
return cb(new gutil.PluginError(
|
||||
PLUGIN_NAME, message
|
||||
));
|
||||
};
|
||||
|
||||
if (sync !== true) {
|
||||
//////////////////////////////
|
||||
// Async Sass render
|
||||
//////////////////////////////
|
||||
callback = function(error, obj) {
|
||||
if (error) {
|
||||
return errorM(error);
|
||||
}
|
||||
filePush(obj);
|
||||
};
|
||||
|
||||
gulpSass.compiler.render(opts, callback);
|
||||
}
|
||||
}
|
||||
});
|
||||
else {
|
||||
//////////////////////////////
|
||||
// Sync Sass render
|
||||
//////////////////////////////
|
||||
try {
|
||||
result = gulpSass.compiler.renderSync(opts);
|
||||
|
||||
// ////////////////////////////
|
||||
// Sync Sass render
|
||||
// ////////////////////////////
|
||||
gulpSass.sync = options => gulpSass(options, true);
|
||||
|
||||
// ////////////////////////////
|
||||
// Log errors nicely
|
||||
// ////////////////////////////
|
||||
gulpSass.logError = function logError(error) {
|
||||
const message = new PluginError('sass', error.messageFormatted).toString();
|
||||
process.stderr.write(`${message}\n`);
|
||||
this.emit('end');
|
||||
filePush(result);
|
||||
}
|
||||
catch(error) {
|
||||
return errorM(error);
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// ////////////////////////////
|
||||
//////////////////////////////
|
||||
// Sync Sass render
|
||||
//////////////////////////////
|
||||
gulpSass.sync = function sync(options) {
|
||||
return gulpSass(options, true);
|
||||
};
|
||||
|
||||
//////////////////////////////
|
||||
// Log errors nicely
|
||||
//////////////////////////////
|
||||
gulpSass.logError = function logError(error) {
|
||||
gutil.log(gutil.colors.red('[' + PLUGIN_NAME + '] ') + error.message);
|
||||
};
|
||||
|
||||
//////////////////////////////
|
||||
// Store compiler in a prop
|
||||
// ////////////////////////////
|
||||
gulpSass.compiler = (() => {
|
||||
try {
|
||||
// eslint-disable-next-line global-require import/no-extraneous-dependencies
|
||||
return require('sass');
|
||||
} catch (e1) {
|
||||
try {
|
||||
// eslint-disable-next-line global-require import/no-extraneous-dependencies
|
||||
return require('node-sass');
|
||||
} catch (e2) {
|
||||
throw new Error(`${PLUGIN_NAME}: you need either sass or node-sass module in your project`);
|
||||
}
|
||||
}
|
||||
})();
|
||||
//////////////////////////////
|
||||
gulpSass.compiler = require('node-sass');
|
||||
|
||||
module.exports = gulpSass;
|
||||
|
|
|
|||
52
package.json
52
package.json
|
|
@ -1,55 +1,35 @@
|
|||
{
|
||||
"name": "@selfisekai/gulp-sass",
|
||||
"version": "4.2.0",
|
||||
"description": "Gulp plugin for sass (forked)",
|
||||
"name": "gulp-sass",
|
||||
"version": "2.0.0",
|
||||
"description": "Gulp plugin for sass",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "yarn mocha test"
|
||||
"test": "./node_modules/.bin/mocha test"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://git.sakamoto.pl/selfisekai/gulp-sass.git"
|
||||
"url": "git://github.com/dlmanning/gulp-sass"
|
||||
},
|
||||
"keywords": [
|
||||
"gulpplugin",
|
||||
"sass",
|
||||
"gulp"
|
||||
],
|
||||
"author": "Laura Liberda (originally: David Manning)",
|
||||
"license": "LGPL-3.0",
|
||||
"author": "David Manning",
|
||||
"license": "MIT",
|
||||
"bugs": {
|
||||
"email": "gulp-sass@selfisekai.rocks"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public",
|
||||
"registry": "https://registry.npmjs.org/"
|
||||
"url": "https://github.com/dlmanning/gulp-sass/issues"
|
||||
},
|
||||
"dependencies": {
|
||||
"@types/sass": "^1.16.0",
|
||||
"chalk": "^2.3.0",
|
||||
"lodash": "^4.17.11",
|
||||
"plugin-error": "^1.0.1",
|
||||
"replace-ext": "^1.0.0",
|
||||
"strip-ansi": "^4.0.0",
|
||||
"through2": "^2.0.0",
|
||||
"vinyl-sourcemaps-apply": "^0.2.0"
|
||||
"gulp-util": "^3.0",
|
||||
"node-sass": "^3.0.0",
|
||||
"object-assign": "^2.0.0",
|
||||
"through2": "^0.6.3",
|
||||
"vinyl-sourcemaps-apply": "~0.1.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/node-sass": "^4.11.1",
|
||||
"autoprefixer": "^8.1.0",
|
||||
"eslint": "^4.18.2",
|
||||
"eslint-config-airbnb-base": "^12.1.0",
|
||||
"eslint-plugin-import": "^2.9.0",
|
||||
"globule": "^1.0.0",
|
||||
"gulp": "^4.0.2",
|
||||
"gulp-postcss": "^7.0.1",
|
||||
"gulp-sourcemaps": "^2.6.4",
|
||||
"gulp-tap": "^0.1.3",
|
||||
"mocha": "^5.0.4",
|
||||
"node-sass": "^5.0.0",
|
||||
"rimraf": "^2.4.3",
|
||||
"sass": "^1.29.0",
|
||||
"should": "^13.2.1",
|
||||
"vinyl": "^2.1.0"
|
||||
"eslint": "^0.17.1",
|
||||
"mocha": "^2.2.1",
|
||||
"should": "^5.2.0"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
37
test/lint.js
37
test/lint.js
|
|
@ -1,12 +1,16 @@
|
|||
const eslint = require('eslint');
|
||||
const should = require('should');
|
||||
'use strict';
|
||||
|
||||
describe('code style guide', () => {
|
||||
it('index.js should follow our lint style guide', (done) => {
|
||||
const cli = new eslint.CLIEngine({ rules: { 'spaced-comment': 0 } });
|
||||
const formatter = cli.getFormatter();
|
||||
const report = cli.executeOnFiles(['index.js']);
|
||||
var eslint = require('eslint');
|
||||
var should = require('should');
|
||||
|
||||
var cli = new eslint.CLIEngine();
|
||||
var formatter = cli.getFormatter();
|
||||
|
||||
var report;
|
||||
|
||||
describe('code style guide', function() {
|
||||
it('index.js should follow our lint style guide', function(done) {
|
||||
report = cli.executeOnFiles(['index.js']);
|
||||
if (report.errorCount > 0 || report.warningCount > 0) {
|
||||
console.log(formatter(report.results));
|
||||
}
|
||||
|
|
@ -16,11 +20,8 @@ describe('code style guide', () => {
|
|||
done();
|
||||
});
|
||||
|
||||
it('test/main.js should follow our lint style guide', (done) => {
|
||||
const cli = new eslint.CLIEngine();
|
||||
const formatter = cli.getFormatter();
|
||||
const report = cli.executeOnFiles(['test/main.js']);
|
||||
|
||||
it('test/main.js should follow our lint style guide', function(done) {
|
||||
report = cli.executeOnFiles(['test/main.js']);
|
||||
if (report.errorCount > 0 || report.warningCount > 0) {
|
||||
console.log(formatter(report.results));
|
||||
}
|
||||
|
|
@ -30,11 +31,13 @@ describe('code style guide', () => {
|
|||
done();
|
||||
});
|
||||
|
||||
it('test/lint.js should follow our lint style guide', (done) => {
|
||||
const cli = new eslint.CLIEngine({ rules: { 'no-console': 0 } });
|
||||
const formatter = cli.getFormatter();
|
||||
const report = cli.executeOnFiles(['test/lint.js']);
|
||||
|
||||
it('test/lint.js should follow our lint style guide', function(done) {
|
||||
cli = new eslint.CLIEngine({
|
||||
'rules': {
|
||||
'no-console': 0
|
||||
}
|
||||
});
|
||||
report = cli.executeOnFiles(['test/lint.js']);
|
||||
if (report.errorCount > 0 || report.warningCount > 0) {
|
||||
console.log(formatter(report.results));
|
||||
}
|
||||
|
|
|
|||
503
test/main.js
503
test/main.js
|
|
@ -1,229 +1,183 @@
|
|||
const should = require('should');
|
||||
const Vinyl = require('vinyl');
|
||||
const path = require('path');
|
||||
const fs = require('fs');
|
||||
const sass = require('../index');
|
||||
sass.compiler = require('node-sass');
|
||||
const rimraf = require('rimraf');
|
||||
const gulp = require('gulp');
|
||||
const sourcemaps = require('gulp-sourcemaps');
|
||||
const postcss = require('gulp-postcss');
|
||||
const autoprefixer = require('autoprefixer');
|
||||
const tap = require('gulp-tap');
|
||||
const globule = require('globule');
|
||||
'use strict';
|
||||
|
||||
const createVinyl = (filename, contents) => {
|
||||
const base = path.join(__dirname, 'scss');
|
||||
const filePath = path.join(base, filename);
|
||||
var should = require('should');
|
||||
var gutil = require('gulp-util');
|
||||
var path = require('path');
|
||||
var fs = require('fs');
|
||||
var sass = require('../index');
|
||||
|
||||
return new Vinyl({
|
||||
cwd: __dirname,
|
||||
base,
|
||||
path: filePath,
|
||||
contents: contents || fs.readFileSync(filePath),
|
||||
var createVinyl = function createVinyl(filename, contents) {
|
||||
var base = path.join(__dirname, 'scss');
|
||||
var filePath = path.join(base, filename);
|
||||
|
||||
return new gutil.File({
|
||||
'cwd': __dirname,
|
||||
'base': base,
|
||||
'path': filePath,
|
||||
'contents': contents || fs.readFileSync(filePath)
|
||||
});
|
||||
};
|
||||
|
||||
const normaliseEOL = str => str.toString('utf8').replace(/\r\n/g, '\n');
|
||||
|
||||
describe('test helpers', () => {
|
||||
it('should normalise EOL', (done) => {
|
||||
should.equal(normaliseEOL('foo\r\nbar'), 'foo\nbar');
|
||||
should.equal(normaliseEOL('foo\nbar'), 'foo\nbar');
|
||||
done();
|
||||
});
|
||||
});
|
||||
|
||||
describe('gulp-sass -- async compile', () => {
|
||||
it('should pass file when it isNull()', (done) => {
|
||||
const stream = sass();
|
||||
const emptyFile = {
|
||||
isNull: () => true,
|
||||
describe('gulp-sass -- async compile', function() {
|
||||
it('should pass file when it isNull()', function(done) {
|
||||
var stream = sass();
|
||||
var emptyFile = {
|
||||
'isNull': function () {
|
||||
return true;
|
||||
}
|
||||
};
|
||||
stream.on('data', (data) => {
|
||||
stream.on('data', function(data) {
|
||||
data.should.equal(emptyFile);
|
||||
done();
|
||||
});
|
||||
stream.write(emptyFile);
|
||||
});
|
||||
|
||||
it('should emit error when file isStream()', (done) => {
|
||||
const stream = sass();
|
||||
const streamFile = {
|
||||
isNull: () => false,
|
||||
isStream: () => true,
|
||||
it('should emit error when file isStream()', function (done) {
|
||||
var stream = sass();
|
||||
var streamFile = {
|
||||
'isNull': function () {
|
||||
return false;
|
||||
},
|
||||
'isStream': function () {
|
||||
return true;
|
||||
}
|
||||
};
|
||||
stream.on('error', (err) => {
|
||||
stream.on('error', function(err) {
|
||||
err.message.should.equal('Streaming not supported');
|
||||
done();
|
||||
});
|
||||
stream.write(streamFile);
|
||||
});
|
||||
|
||||
it('should compile an empty sass file', (done) => {
|
||||
const sassFile = createVinyl('empty.scss');
|
||||
const stream = sass();
|
||||
stream.on('data', (cssFile) => {
|
||||
it('should compile a single sass file', function(done) {
|
||||
var sassFile = createVinyl('mixins.scss');
|
||||
var stream = sass();
|
||||
stream.on('data', function(cssFile) {
|
||||
should.exist(cssFile);
|
||||
should.exist(cssFile.path);
|
||||
should.exist(cssFile.relative);
|
||||
should.exist(cssFile.contents);
|
||||
should.equal(path.basename(cssFile.path), 'empty.css');
|
||||
|
||||
const actual = fs.readFileSync(path.join(__dirname, 'expected', 'empty.css'), 'utf8');
|
||||
String(normaliseEOL(cssFile.contents)).should.equal(normaliseEOL(actual));
|
||||
String(cssFile.contents).should.equal(
|
||||
fs.readFileSync(path.join(__dirname, 'expected/mixins.css'), 'utf8')
|
||||
);
|
||||
done();
|
||||
});
|
||||
stream.write(sassFile);
|
||||
});
|
||||
|
||||
it('should compile a single sass file', (done) => {
|
||||
const sassFile = createVinyl('mixins.scss');
|
||||
const stream = sass();
|
||||
stream.on('data', (cssFile) => {
|
||||
should.exist(cssFile);
|
||||
should.exist(cssFile.path);
|
||||
should.exist(cssFile.relative);
|
||||
should.exist(cssFile.contents);
|
||||
|
||||
const actual = fs.readFileSync(path.join(__dirname, 'expected', 'mixins.css'), 'utf8');
|
||||
String(normaliseEOL(cssFile.contents)).should.equal(normaliseEOL(actual));
|
||||
done();
|
||||
});
|
||||
stream.write(sassFile);
|
||||
});
|
||||
|
||||
it('should compile multiple sass files', (done) => {
|
||||
const files = [
|
||||
it('should compile multiple sass files', function(done) {
|
||||
var files = [
|
||||
createVinyl('mixins.scss'),
|
||||
createVinyl('variables.scss'),
|
||||
createVinyl('variables.scss')
|
||||
];
|
||||
const stream = sass();
|
||||
let mustSee = files.length;
|
||||
let expectedPath = path.join('expected', 'mixins.css');
|
||||
var stream = sass();
|
||||
var mustSee = files.length;
|
||||
var expectedPath = 'expected/mixins.css';
|
||||
|
||||
stream.on('data', (cssFile) => {
|
||||
stream.on('data', function(cssFile) {
|
||||
should.exist(cssFile);
|
||||
should.exist(cssFile.path);
|
||||
should.exist(cssFile.relative);
|
||||
should.exist(cssFile.contents);
|
||||
if (cssFile.path.indexOf('variables') !== -1) {
|
||||
expectedPath = path.join('expected', 'variables.css');
|
||||
expectedPath = 'expected/variables.css';
|
||||
}
|
||||
|
||||
const actual = fs.readFileSync(path.join(__dirname, expectedPath), 'utf8');
|
||||
String(normaliseEOL(cssFile.contents)).should.equal(normaliseEOL(actual));
|
||||
|
||||
mustSee -= 1;
|
||||
String(cssFile.contents).should.equal(
|
||||
fs.readFileSync(path.join(__dirname, expectedPath), 'utf8')
|
||||
);
|
||||
mustSee--;
|
||||
if (mustSee <= 0) {
|
||||
done();
|
||||
}
|
||||
});
|
||||
|
||||
files.forEach((file) => {
|
||||
files.forEach(function (file) {
|
||||
stream.write(file);
|
||||
});
|
||||
});
|
||||
|
||||
it('should compile files with partials in another folder', (done) => {
|
||||
const sassFile = createVinyl('inheritance.scss');
|
||||
const stream = sass();
|
||||
stream.on('data', (cssFile) => {
|
||||
it('should compile files with partials in another folder', function(done) {
|
||||
var sassFile = createVinyl('inheritance.scss');
|
||||
var stream = sass();
|
||||
stream.on('data', function(cssFile) {
|
||||
should.exist(cssFile);
|
||||
should.exist(cssFile.path);
|
||||
should.exist(cssFile.relative);
|
||||
should.exist(cssFile.contents);
|
||||
|
||||
const actual = fs.readFileSync(path.join(__dirname, 'expected', 'inheritance.css'), 'utf8');
|
||||
String(normaliseEOL(cssFile.contents)).should.equal(normaliseEOL(actual));
|
||||
String(cssFile.contents).should.equal(
|
||||
fs.readFileSync(path.join(__dirname, 'expected/inheritance.css'), 'utf8')
|
||||
);
|
||||
done();
|
||||
});
|
||||
stream.write(sassFile);
|
||||
});
|
||||
|
||||
it('should emit logError on sass error', (done) => {
|
||||
const errorFile = createVinyl('error.scss');
|
||||
const stream = sass();
|
||||
it('should handle sass errors', function(done) {
|
||||
var errorFile = createVinyl('error.scss');
|
||||
var stream = sass();
|
||||
|
||||
stream.on('error', sass.logError);
|
||||
stream.on('end', done);
|
||||
stream.write(errorFile);
|
||||
});
|
||||
|
||||
it('should handle sass errors', (done) => {
|
||||
const errorFile = createVinyl('error.scss');
|
||||
const stream = sass();
|
||||
|
||||
stream.on('error', (err) => {
|
||||
// Error must include message body
|
||||
stream.on('error', function(err) {
|
||||
err.message.indexOf('property "font" must be followed by a \':\'').should.not.equal(-1);
|
||||
// Error must include file error occurs in
|
||||
err.message.indexOf('test', 'scss', 'error.scss').should.not.equal(-1);
|
||||
// Error must include line and column error occurs on
|
||||
err.message.indexOf('on line 2').should.not.equal(-1);
|
||||
// Error must include relativePath property
|
||||
err.relativePath.should.equal(path.join('test', 'scss', 'error.scss'));
|
||||
done();
|
||||
});
|
||||
stream.write(errorFile);
|
||||
});
|
||||
|
||||
it('should preserve the original sass error message', (done) => {
|
||||
const errorFile = createVinyl('error.scss');
|
||||
const stream = sass();
|
||||
it('should compile a single sass file if the file name has been changed in the stream', function(done) {
|
||||
var sassFile = createVinyl('mixins.scss');
|
||||
var stream;
|
||||
|
||||
stream.on('error', (err) => {
|
||||
// Error must include original error message
|
||||
err.messageOriginal.indexOf('property "font" must be followed by a \':\'').should.not.equal(-1);
|
||||
// Error must not format or change the original error message
|
||||
err.messageOriginal.indexOf('on line 2').should.equal(-1);
|
||||
done();
|
||||
});
|
||||
stream.write(errorFile);
|
||||
});
|
||||
|
||||
it('should compile a single sass file if the file name has been changed in the stream', (done) => {
|
||||
const sassFile = createVinyl('mixins.scss');
|
||||
// Transform file name
|
||||
sassFile.path = path.join(path.join(__dirname, 'scss'), 'mixin--changed.scss');
|
||||
|
||||
const stream = sass();
|
||||
stream.on('data', (cssFile) => {
|
||||
stream = sass();
|
||||
stream.on('data', function(cssFile) {
|
||||
should.exist(cssFile);
|
||||
should.exist(cssFile.path);
|
||||
cssFile.path.split(path.sep).pop().should.equal('mixin--changed.css');
|
||||
cssFile.path.split('/').pop().should.equal('mixin--changed.css');
|
||||
should.exist(cssFile.relative);
|
||||
should.exist(cssFile.contents);
|
||||
|
||||
const actual = fs.readFileSync(path.join(__dirname, 'expected', 'mixins.css'), 'utf8');
|
||||
String(normaliseEOL(cssFile.contents)).should.equal(normaliseEOL(actual));
|
||||
String(cssFile.contents).should.equal(
|
||||
fs.readFileSync(path.join(__dirname, 'expected/mixins.css'), 'utf8')
|
||||
);
|
||||
done();
|
||||
});
|
||||
stream.write(sassFile);
|
||||
});
|
||||
|
||||
it('should preserve changes made in-stream to a Sass file', (done) => {
|
||||
const sassFile = createVinyl('mixins.scss');
|
||||
it('should preserve changes made in-stream to a Sass file', function(done) {
|
||||
var sassFile = createVinyl('mixins.scss');
|
||||
var stream;
|
||||
|
||||
// Transform file name
|
||||
sassFile.contents = Buffer.from(`/* Added Dynamically */${sassFile.contents.toString()}`);
|
||||
sassFile.contents = new Buffer('/* Added Dynamically */' + sassFile.contents.toString());
|
||||
|
||||
const stream = sass();
|
||||
stream.on('data', (cssFile) => {
|
||||
stream = sass();
|
||||
stream.on('data', function(cssFile) {
|
||||
should.exist(cssFile);
|
||||
should.exist(cssFile.path);
|
||||
should.exist(cssFile.relative);
|
||||
should.exist(cssFile.contents);
|
||||
|
||||
const actual = fs.readFileSync(path.join(__dirname, 'expected', 'mixins.css'), 'utf8');
|
||||
String(normaliseEOL(cssFile.contents))
|
||||
.should.equal(`/* Added Dynamically */\n${normaliseEOL(actual)}`);
|
||||
String(cssFile.contents).should.equal('/* Added Dynamically */\n' +
|
||||
fs.readFileSync(path.join(__dirname, 'expected/mixins.css'), 'utf8')
|
||||
);
|
||||
done();
|
||||
});
|
||||
stream.write(sassFile);
|
||||
});
|
||||
|
||||
it('should work with gulp-sourcemaps', (done) => {
|
||||
const sassFile = createVinyl('inheritance.scss');
|
||||
it('should work with gulp-sourcemaps', function(done) {
|
||||
var sassFile = createVinyl('inheritance.scss');
|
||||
|
||||
// Expected sources are relative to file.base
|
||||
var expectedSources = [
|
||||
'includes/_cats.scss',
|
||||
'includes/_dogs.sass',
|
||||
'inheritance.scss'
|
||||
];
|
||||
|
||||
var stream;
|
||||
|
||||
sassFile.sourceMap = '{' +
|
||||
'"version": 3,' +
|
||||
|
|
@ -234,15 +188,8 @@ describe('gulp-sass -- async compile', () => {
|
|||
'"sourcesContent": [ "@import ../inheritance;" ]' +
|
||||
'}';
|
||||
|
||||
// Expected sources are relative to file.base
|
||||
const expectedSources = [
|
||||
'inheritance.scss',
|
||||
'includes/_cats.scss',
|
||||
'includes/_dogs.sass',
|
||||
];
|
||||
|
||||
const stream = sass();
|
||||
stream.on('data', (cssFile) => {
|
||||
stream = sass();
|
||||
stream.on('data', function(cssFile) {
|
||||
should.exist(cssFile.sourceMap);
|
||||
cssFile.sourceMap.sources.should.eql(expectedSources);
|
||||
done();
|
||||
|
|
@ -250,182 +197,172 @@ describe('gulp-sass -- async compile', () => {
|
|||
stream.write(sassFile);
|
||||
});
|
||||
|
||||
it('should compile a single indented sass file', (done) => {
|
||||
const sassFile = createVinyl('indent.sass');
|
||||
const stream = sass();
|
||||
stream.on('data', (cssFile) => {
|
||||
it('should compile a single indented sass file', function(done) {
|
||||
var sassFile = createVinyl('indent.sass');
|
||||
var stream = sass();
|
||||
stream.on('data', function(cssFile) {
|
||||
should.exist(cssFile);
|
||||
should.exist(cssFile.path);
|
||||
should.exist(cssFile.relative);
|
||||
should.exist(cssFile.contents);
|
||||
|
||||
const actual = fs.readFileSync(path.join(__dirname, 'expected', 'indent.css'), 'utf8');
|
||||
String(normaliseEOL(cssFile.contents)).should.equal(normaliseEOL(actual));
|
||||
String(cssFile.contents).should.equal(
|
||||
fs.readFileSync(path.join(__dirname, 'expected/indent.css'), 'utf8')
|
||||
);
|
||||
done();
|
||||
});
|
||||
stream.write(sassFile);
|
||||
});
|
||||
|
||||
it('should parse files in sass and scss', (done) => {
|
||||
const files = [
|
||||
it('should parse files in sass and scss', function(done) {
|
||||
var files = [
|
||||
createVinyl('mixins.scss'),
|
||||
createVinyl('indent.sass'),
|
||||
createVinyl('indent.sass')
|
||||
];
|
||||
const stream = sass();
|
||||
let mustSee = files.length;
|
||||
let expectedPath = path.join('expected', 'mixins.css');
|
||||
var stream = sass();
|
||||
var mustSee = files.length;
|
||||
var expectedPath = 'expected/mixins.css';
|
||||
|
||||
stream.on('data', (cssFile) => {
|
||||
stream.on('data', function(cssFile) {
|
||||
should.exist(cssFile);
|
||||
should.exist(cssFile.path);
|
||||
should.exist(cssFile.relative);
|
||||
should.exist(cssFile.contents);
|
||||
if (cssFile.path.indexOf('indent') !== -1) {
|
||||
expectedPath = path.join('expected', 'indent.css');
|
||||
expectedPath = 'expected/indent.css';
|
||||
}
|
||||
|
||||
const actual = fs.readFileSync(path.join(__dirname, expectedPath), 'utf8');
|
||||
String(normaliseEOL(cssFile.contents)).should.equal(normaliseEOL(actual));
|
||||
|
||||
mustSee -= 1;
|
||||
String(cssFile.contents).should.equal(
|
||||
fs.readFileSync(path.join(__dirname, expectedPath), 'utf8')
|
||||
);
|
||||
mustSee--;
|
||||
if (mustSee <= 0) {
|
||||
done();
|
||||
}
|
||||
});
|
||||
|
||||
files.forEach((file) => {
|
||||
files.forEach(function (file) {
|
||||
stream.write(file);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('gulp-sass -- sync compile', () => {
|
||||
beforeEach((done) => {
|
||||
rimraf(path.join(__dirname, 'results'), done);
|
||||
});
|
||||
|
||||
it('should pass file when it isNull()', (done) => {
|
||||
const stream = sass.sync();
|
||||
const emptyFile = {
|
||||
isNull: () => true,
|
||||
describe('gulp-sass -- sync compile', function() {
|
||||
it('should pass file when it isNull()', function(done) {
|
||||
var stream = sass.sync();
|
||||
var emptyFile = {
|
||||
'isNull': function () {
|
||||
return true;
|
||||
}
|
||||
};
|
||||
stream.on('data', (data) => {
|
||||
stream.on('data', function(data) {
|
||||
data.should.equal(emptyFile);
|
||||
done();
|
||||
});
|
||||
stream.write(emptyFile);
|
||||
});
|
||||
|
||||
it('should emit error when file isStream()', (done) => {
|
||||
const stream = sass.sync();
|
||||
const streamFile = {
|
||||
isNull: () => false,
|
||||
isStream: () => true,
|
||||
it('should emit error when file isStream()', function (done) {
|
||||
var stream = sass.sync();
|
||||
var streamFile = {
|
||||
'isNull': function () {
|
||||
return false;
|
||||
},
|
||||
'isStream': function () {
|
||||
return true;
|
||||
}
|
||||
};
|
||||
stream.on('error', (err) => {
|
||||
stream.on('error', function(err) {
|
||||
err.message.should.equal('Streaming not supported');
|
||||
done();
|
||||
});
|
||||
stream.write(streamFile);
|
||||
});
|
||||
|
||||
it('should compile a single sass file', (done) => {
|
||||
const sassFile = createVinyl('mixins.scss');
|
||||
const stream = sass.sync();
|
||||
stream.on('data', (cssFile) => {
|
||||
it('should compile a single sass file', function(done) {
|
||||
var sassFile = createVinyl('mixins.scss');
|
||||
var stream = sass.sync();
|
||||
stream.on('data', function(cssFile) {
|
||||
should.exist(cssFile);
|
||||
should.exist(cssFile.path);
|
||||
should.exist(cssFile.relative);
|
||||
should.exist(cssFile.contents);
|
||||
|
||||
const actual = fs.readFileSync(path.join(__dirname, 'expected', 'mixins.css'), 'utf8');
|
||||
String(normaliseEOL(cssFile.contents)).should.equal(normaliseEOL(actual));
|
||||
String(cssFile.contents).should.equal(
|
||||
fs.readFileSync(path.join(__dirname, 'expected/mixins.css'), 'utf8')
|
||||
);
|
||||
done();
|
||||
});
|
||||
stream.write(sassFile);
|
||||
});
|
||||
|
||||
it('should compile multiple sass files', (done) => {
|
||||
const files = [
|
||||
it('should compile multiple sass files', function(done) {
|
||||
var files = [
|
||||
createVinyl('mixins.scss'),
|
||||
createVinyl('variables.scss'),
|
||||
createVinyl('variables.scss')
|
||||
];
|
||||
const stream = sass.sync();
|
||||
let mustSee = files.length;
|
||||
let expectedPath = path.join('expected', 'mixins.css');
|
||||
var stream = sass.sync();
|
||||
var mustSee = files.length;
|
||||
var expectedPath = 'expected/mixins.css';
|
||||
|
||||
stream.on('data', (cssFile) => {
|
||||
stream.on('data', function(cssFile) {
|
||||
should.exist(cssFile);
|
||||
should.exist(cssFile.path);
|
||||
should.exist(cssFile.relative);
|
||||
should.exist(cssFile.contents);
|
||||
|
||||
if (cssFile.path.indexOf('variables') !== -1) {
|
||||
expectedPath = path.join('expected', 'variables.css');
|
||||
expectedPath = 'expected/variables.css';
|
||||
}
|
||||
|
||||
const actual = normaliseEOL(fs.readFileSync(path.join(__dirname, expectedPath), 'utf8'));
|
||||
String(normaliseEOL(cssFile.contents)).should.equal(actual);
|
||||
|
||||
mustSee -= 1;
|
||||
String(cssFile.contents).should.equal(
|
||||
fs.readFileSync(path.join(__dirname, expectedPath), 'utf8')
|
||||
);
|
||||
mustSee--;
|
||||
if (mustSee <= 0) {
|
||||
done();
|
||||
}
|
||||
});
|
||||
|
||||
files.forEach((file) => {
|
||||
files.forEach(function (file) {
|
||||
stream.write(file);
|
||||
});
|
||||
});
|
||||
|
||||
it('should compile files with partials in another folder', (done) => {
|
||||
const sassFile = createVinyl('inheritance.scss');
|
||||
const stream = sass.sync();
|
||||
|
||||
stream.on('data', (cssFile) => {
|
||||
it('should compile files with partials in another folder', function(done) {
|
||||
var sassFile = createVinyl('inheritance.scss');
|
||||
var stream = sass.sync();
|
||||
stream.on('data', function(cssFile) {
|
||||
should.exist(cssFile);
|
||||
should.exist(cssFile.path);
|
||||
should.exist(cssFile.relative);
|
||||
should.exist(cssFile.contents);
|
||||
|
||||
const actual = fs.readFileSync(path.join(__dirname, 'expected', 'inheritance.css'), 'utf8');
|
||||
String(normaliseEOL(cssFile.contents)).should.equal(normaliseEOL(actual));
|
||||
String(cssFile.contents).should.equal(
|
||||
fs.readFileSync(path.join(__dirname, 'expected/inheritance.css'), 'utf8')
|
||||
);
|
||||
done();
|
||||
});
|
||||
stream.write(sassFile);
|
||||
});
|
||||
|
||||
it('should handle sass errors', (done) => {
|
||||
const errorFile = createVinyl('error.scss');
|
||||
const stream = sass.sync();
|
||||
it('should handle sass errors', function(done) {
|
||||
var errorFile = createVinyl('error.scss');
|
||||
var stream = sass.sync();
|
||||
|
||||
stream.on('error', (err) => {
|
||||
stream.on('error', function(err) {
|
||||
err.message.indexOf('property "font" must be followed by a \':\'').should.not.equal(-1);
|
||||
err.relativePath.should.equal(path.join('test', 'scss', 'error.scss'));
|
||||
done();
|
||||
});
|
||||
stream.write(errorFile);
|
||||
});
|
||||
|
||||
it('should emit logError on sass error', (done) => {
|
||||
const errorFile = createVinyl('error.scss');
|
||||
const stream = sass.sync();
|
||||
|
||||
stream.on('error', sass.logError);
|
||||
stream.on('end', done);
|
||||
stream.write(errorFile);
|
||||
});
|
||||
|
||||
it('should work with gulp-sourcemaps', (done) => {
|
||||
const sassFile = createVinyl('inheritance.scss');
|
||||
it('should work with gulp-sourcemaps', function(done) {
|
||||
var sassFile = createVinyl('inheritance.scss');
|
||||
|
||||
// Expected sources are relative to file.base
|
||||
const expectedSources = [
|
||||
'inheritance.scss',
|
||||
var expectedSources = [
|
||||
'includes/_cats.scss',
|
||||
'includes/_dogs.sass',
|
||||
'inheritance.scss'
|
||||
];
|
||||
|
||||
var stream;
|
||||
|
||||
sassFile.sourceMap = '{' +
|
||||
'"version": 3,' +
|
||||
'"file": "scss/subdir/multilevelimport.scss",' +
|
||||
|
|
@ -435,106 +372,12 @@ describe('gulp-sass -- sync compile', () => {
|
|||
'"sourcesContent": [ "@import ../inheritance;" ]' +
|
||||
'}';
|
||||
|
||||
const stream = sass.sync();
|
||||
stream.on('data', (cssFile) => {
|
||||
stream = sass.sync();
|
||||
stream.on('data', function(cssFile) {
|
||||
should.exist(cssFile.sourceMap);
|
||||
cssFile.sourceMap.sources.should.eql(expectedSources);
|
||||
done();
|
||||
});
|
||||
stream.write(sassFile);
|
||||
});
|
||||
|
||||
it('should work with gulp-sourcemaps and autoprefixer', (done) => {
|
||||
const expectedSourcesBefore = [
|
||||
'inheritance.scss',
|
||||
'includes/_cats.scss',
|
||||
'includes/_dogs.sass',
|
||||
];
|
||||
|
||||
const expectedSourcesAfter = [
|
||||
'includes/_cats.scss',
|
||||
'includes/_dogs.sass',
|
||||
'inheritance.scss',
|
||||
];
|
||||
|
||||
gulp.src(path.join(__dirname, 'scss', 'inheritance.scss'))
|
||||
.pipe(sourcemaps.init())
|
||||
.pipe(sass.sync())
|
||||
.pipe(tap((file) => {
|
||||
should.exist(file.sourceMap);
|
||||
file.sourceMap.sources.should.eql(expectedSourcesBefore);
|
||||
}))
|
||||
.pipe(postcss([autoprefixer()]))
|
||||
.pipe(sourcemaps.write())
|
||||
.pipe(gulp.dest(path.join(__dirname, 'results')))
|
||||
.pipe(tap((file) => {
|
||||
should.exist(file.sourceMap);
|
||||
file.sourceMap.sources.should.eql(expectedSourcesAfter);
|
||||
}))
|
||||
.on('end', done);
|
||||
});
|
||||
|
||||
it('should work with gulp-sourcemaps and a globbed source', (done) => {
|
||||
const globPath = path.join(__dirname, 'scss', 'globbed');
|
||||
const files = globule.find(path.join(__dirname, 'scss', 'globbed', '**', '*.scss'));
|
||||
const filesContent = {};
|
||||
|
||||
files.forEach((file) => {
|
||||
const source = path.normalize(path.relative(globPath, file));
|
||||
filesContent[source] = fs.readFileSync(file, 'utf8');
|
||||
});
|
||||
|
||||
gulp.src(path.join(__dirname, 'scss', 'globbed', '**', '*.scss'))
|
||||
.pipe(sourcemaps.init())
|
||||
.pipe(sass.sync())
|
||||
.pipe(tap((file) => {
|
||||
should.exist(file.sourceMap);
|
||||
const actual = normaliseEOL(file.sourceMap.sourcesContent[0]);
|
||||
const expected = normaliseEOL(filesContent[path.normalize(file.sourceMap.sources[0])]);
|
||||
actual.should.eql(expected);
|
||||
}))
|
||||
.on('end', done);
|
||||
});
|
||||
|
||||
it('should work with gulp-sourcemaps and autoprefixer with different file.base', (done) => {
|
||||
const expectedSourcesBefore = [
|
||||
'scss/inheritance.scss',
|
||||
'scss/includes/_cats.scss',
|
||||
'scss/includes/_dogs.sass',
|
||||
];
|
||||
|
||||
const expectedSourcesAfter = [
|
||||
'scss/includes/_cats.scss',
|
||||
'scss/includes/_dogs.sass',
|
||||
'scss/inheritance.scss',
|
||||
];
|
||||
|
||||
gulp.src(path.join(__dirname, 'scss', 'inheritance.scss'), { base: 'test' })
|
||||
.pipe(sourcemaps.init())
|
||||
.pipe(sass.sync())
|
||||
.pipe(tap((file) => {
|
||||
should.exist(file.sourceMap);
|
||||
file.sourceMap.sources.should.eql(expectedSourcesBefore);
|
||||
}))
|
||||
.pipe(postcss([autoprefixer()]))
|
||||
.pipe(tap((file) => {
|
||||
should.exist(file.sourceMap);
|
||||
file.sourceMap.sources.should.eql(expectedSourcesAfter);
|
||||
}))
|
||||
.on('end', done);
|
||||
});
|
||||
|
||||
it('should work with empty files', (done) => {
|
||||
gulp.src(path.join(__dirname, 'scss', 'empty.scss'))
|
||||
.pipe(sass.sync())
|
||||
.pipe(gulp.dest(path.join(__dirname, 'results')))
|
||||
.pipe(tap(() => {
|
||||
try {
|
||||
fs.statSync(path.join(__dirname, 'results', 'empty.css'));
|
||||
} catch (e) {
|
||||
should.fail(false, true, 'Empty file was produced');
|
||||
}
|
||||
}))
|
||||
.on('end', done);
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,15 +0,0 @@
|
|||
p {
|
||||
border: 1px solid red;
|
||||
}
|
||||
|
||||
small {
|
||||
font: {
|
||||
size: 72px;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font: {
|
||||
size: 8px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
h1, h2, h3, h4, h5 {
|
||||
color: green;
|
||||
font-weight: 800;
|
||||
}
|
||||
Loading…
Reference in a new issue