在前端开发中，自动化构建工具已经成为了必不可少的工具之一。而 Laravel 的前端自动化构建工具 Elixir 则可以帮助我们更加高效地完成这些工作。不过，Elixir 默认会集成 Sass，并且只支持 Sass 文件而不支持纯 CSS 文件。这就对一些不使用 Sass 的开发者来说存在一些麻烦。因此，本文将介绍一个名为 laravel-elixir-without-sass 的 npm 包，它可以让我们在使用 Elixir 时直接编译纯 CSS 文件。
安装 laravel-elixir-without-sass
首先，我们需要全局安装 Gulp。
npm install --global gulp
然后，我们需要安装 Elixir。
npm install laravel-elixir
接下来，我们可以通过 npm 安装 laravel-elixir-without-sass。
npm install laravel-elixir-without-sass
使用 laravel-elixir-without-sass
在使用 laravel-elixir-without-sass 之前，我们需要在 Gulpfile.js 文件中添加一些配置。
首先，我们需要引入 Elixir 并创建一个新的 Elixir 对象。
var elixir = require('laravel-elixir');
var Elixir = require('laravel-elixir');然后，我们需要调用 use 方法来使用扩展。
Elixir.use('withoutSass', 'laravel-elixir-without-sass');最后，我们就可以像平时一样使用 Elixir。不同之处在于，在编译 CSS 文件时，我们需要使用 withoutSass 方法而不是 sass 方法。
elixir(function(mix) {
mix
.withoutSass([
'resources/assets/css/app.css'
], 'public/css', '');
});上面的代码将编译 resources/assets/css/app.css 文件，并将编译后的结果放置在 public/css 目录下。
总结
通过使用 laravel-elixir-without-sass，我们可以更加容易地在 Elixir 中使用纯 CSS 文件而不必使用 Sass。这提高了我们的工作效率并且让我们更加专注于前端开发。同时，本文也介绍了该包的安装方法和使用方法，希望对大家在前端开发中使用 Elixir 有所帮助。
示例代码
-- -------------------- ---- -------
--- ------ - --------------------------
--- ------ - --------------------------
------------------------- -------------------------------
-------------------- -
---
--------------
------------------------------
-- ------------- ----
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600579cc81e8991b448eb37c