Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/laravel/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在由gulp在Laravel Elixir中编译的scss文件中使用compass Mixin_Laravel_Sass_Gulp_Compass Sass_Compass - Fatal编程技术网

在由gulp在Laravel Elixir中编译的scss文件中使用compass Mixin

在由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

我想在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-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
目录中未创建任何文件


什么问题?

这和指南针有什么关系?在导入指南针并尝试使用其混音器之前,您是否验证了这一点。。。认为自己很幸运,这不起作用,继续前进。如果你需要一个调酒库,用波旁威士忌代替。