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一飲而盡預期

回答

相關問題