laravel在npm run dev之后生成CSS

时间:2018-11-19 10:15:58

标签: css laravel laravel-mix

我正在做一个项目,并且有很多看法。

我正在使用 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');

1 个答案:

答案 0 :(得分:0)

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