laravel 在 npm 运行 dev 之后生成 css

Question

我正在做一个项目，我有一些看法。

我正在使用来自 laravel 的 bootstrap 但在 resources/sass/_variables.scss 我更改了一些默认颜色。

之后，我运行npm run dev重新编译。

之后我检查了 public/css，发现我创建的每个视图都有 css 个文件。

是否有可能是 laravel mix 生成了这些文件？

此外，是否可以在不 laravel mix 覆盖您的更改的情况下编辑这些内容？

webpack.mix.js

let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.react('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

Answer 1

这正是 laravel mix 应该做的。您不应该直接编辑内置的 css 文件。您可以在 resources/sass 中找到 app.scss 文件并对其进行编辑，或者如果您出于某种原因想要直接在 public/css 目录中创建一个 css 文件，您可以这样做也。如果您不使用相同的文件名，mix 将不会覆盖您的文件。

laravel 在 npm 运行 dev 之后生成 css

laravel generates css after npm run dev

css

laravel

laravel-mix