Question

我不是一个喝酒和laravel专家，我只是学习它是如何工作的，我正在按照laracast的教程，并且发生了一些奇怪的事情，我把它放在我的app.scss中

// 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上运行gulp时，我得到一个带有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; }

如果有人能给我一个我欣赏的建议，那么dunno会发生什么：D

Answer 1

这是因为代码

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

在app.scss文件中。

Gulp也在最终结果中添加了引导程序文件。这是一种正常的行为。

laravel gulp没有按预期工作

1 个答案: