Question

我在Laravel中有项目。在scss文件中，我进行了更改（字体大小和颜色），但是我不知道css文件是如何生成的。因为我看不到css文件中的更改。在Laravel文档中，我看到CSS是以这种方式生成的：mix.sass('resources/sass/app.scss', 'public/css'); 但我不知道如何运行此命令。

Answer 1

在编译CSS之前，请使用Node package manager (NPM)安装项目的前端依赖项：

npm install

使用npm install安装依赖项后，您可以使用Laravel Mix将SASS文件编译为纯CSS。 npm run dev命令将处理webpack.mix.js文件中的指令。

npm run dev

Answer 2

如果您已经在计算机中安装了node和npm，并且已经在命令下运行

npm install

然后您需要执行两个步骤。

第1步：在项目的根文件夹中，文件名为wbpack.mix.js或your/project/dir/wbpack.mix.js，您可以根据需要编辑该文件

const 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.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');

步骤2：编辑此文件后，您需要运行此命令

npm run dev

使用此命令开始编译，结束后，您可以重新加载浏览器以查看更改。 cntrl+F5用于重新加载。

否则下载node并安装它，npm将随node一起出现。并运行第一个命令并遵循这两个步骤。

提示：如果暂时更改scss文件或js，则可以运行此命令

npm run watch

因为，如果您的scss和js文件中有更改，则需要一遍又一遍地运行npm run dev来重新编译代码。但是，如果您已运行{{1} }，只要您按npm run watch，它就会自动重新编译。

Laravel从scss生成css，我看不到变化

2 个答案: