laravel一饮而尽预期

我不是一个大口和laravel专家，我只是学习它是如何工作的，即时通讯上laracast教程以下，和一些奇怪的事情正在发生的事情，我把这个我app.scss内laravel一饮而尽预期

// Bootstrap 
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap"; 

$color:red; 

body{ 
    color:$color 
}

和gulpfile我有这样的：

const elixir = require('laravel-elixir');

要求（ 'laravel-酏-VUE-2'）;

/* 
|-------------------------------------------------------------------------- 
| Elixir Asset Management 
|-------------------------------------------------------------------------- 
| 
| Elixir provides a clean, fluent API for defining some basic Gulp tasks 
| for your Laravel application. By default, we are compiling the Sass 
| file for our application, as well as publishing vendor resources. 
| 
*/ 

elixir(mix => { 
    mix.sass('app.scss'); 
});

，但不知何故，当我在CMD运行一饮而尽，我得到像5000行的代码app.css，不只是我的风格我定义的：S，我得到这样的：

@charset "UTF-8"; 
/*! 
* Bootstrap v3.3.7 (http://getbootstrap.com) 
* Copyright 2011-2016 Twitter, Inc. 
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 
*/ 
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ 
html { 
    font-family: sans-serif; 
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; } 

body { 
    margin: 0; } 

article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
main, 
menu, 
nav, 
section, 
summary { 
    display: block; } 

audio, 
canvas, 
progress, 
video { 
    display: inline-block; 
    vertical-align: baseline; } 

audio:not([controls]) { 
    display: none; 
    height: 0; } 

[hidden], 
template { 
    display: none; }

不知道发生了什么，如果有人可以给我一个建议，我体会到：d

来源

2016-10-28 caxinaswin

这只是您在第一行输入的Bootstrap CSS，不是？ –

是的，但在视频中，这个人有导入该bootstrap的行，没有它我没有得到任何东西：S – caxinaswin

用sass将所有从bootstrap sass库编译到您自己生成的.css文件中。所以在底部你可以看到你自己的CSS。您不需要将bootstrap.css包含为分隔文件。 –

这是因为代码

@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

在你的app.scss文件中。

Gulp在您的最终结果中添加了bootstrap文件。这是一个正常的行为。

来源

2016-10-28 15:09:03

谢谢，奇怪的是，视频中的那个人甚至在引导下也有自己的CSS：S – caxinaswin

laravel一饮而尽预期

回答

相关问题