在由gulp在Laravel Elixir中编译的scss文件中使用compass Mixin
我想在scss文件中使用Compass混音和功能,这些文件应该使用laravel Elixir中的Gulp任务进行编译 例如,我在在由gulp在Laravel Elixir中编译的scss文件中使用compass Mixin,laravel,sass,gulp,compass-sass,compass,Laravel,Sass,Gulp,Compass Sass,Compass,我想在scss文件中使用Compass混音和功能,这些文件应该使用laravel Elixir中的Gulp任务进行编译 例如,我在resource/assets/sass目录中有两个名为my styles.css和app.scss的scss文件: 这是my styles.scss文件: @import "compass/css3"; body{ opacity: 1.0; animation: test; color: red; text-alig
resource/assets/sass
目录中有两个名为my styles.css
和app.scss
的scss文件:
这是my styles.scss
文件:
@import "compass/css3";
body{
opacity: 1.0;
animation: test;
color: red;
text-align: center;
a:link{
background-color: red;
text-decoration: none ;
&.span{
color: red;
@include border-radius(5px);
}
}
}
这是app.scss
文件内容:
a{
transform: scale(1.1);
transform: rotate(30deg) scale(10);
}
为了编译这些scss文件并将它们合并到public/css
目录中的文件名all.css
,我写了以下内容:
var elixir = require('laravel-elixir');
var gulp = require('gulp');
var compass = require('gulp-compass');
var sass = require('gulp-sass');
gulp.task('compile', function () {
return gulp
.src(['my-styles.scss', 'app.scss'])
.pipe(sass({compass: true, sourcemap: true, style: 'compressed'}))
.pipe(gulp.dest('public/css/all.css'));
});
elixir.config.sourcemaps = false;
elixir(function (mix) {
mix.task('compile');
});
在控制台中运行gulp
命令后,显示以下消息:
D:\wamp\www\newProject>gulp
[12:36:48] Using gulpfile D:\wamp\www\newProject\gulpfile.js
[12:36:48] Starting 'default'...
[12:36:48] Starting 'task'...
[12:36:48] Starting 'compile'...
[12:36:48] Finished 'task' after 17 ms
[12:36:48] Finished 'default' after 21 ms
[12:36:48] Finished 'compile' after 26 ms
但在public
目录中未创建任何文件
什么问题?这和指南针有什么关系?在导入指南针并尝试使用其混音器之前,您是否验证了这一点。。。认为自己很幸运,这不起作用,继续前进。如果你需要一个调酒库,用波旁威士忌代替。