如何使用Laravel Mix连续编译SASS和组合CSS？

Question

在我的Laravel项目中，我同时使用SASS和CSS：SASS用于依赖（fontawesome，Bootstrap） - 通过NPM和深层文件夹结构（BEM）中的纯CSS。我想连接所有CSS，编译SASS并在一个.css文件中将它连接起来。与JS相同：我的BEM结构中的普通JS文件需要与需要由Webpack处理的单个mix.js('resources/assets/js/app.js') .scripts('resources/assets/blocks/**/*.js') .version('public/js/app.js'); mix.sass('resources/assets/sass/app.scss') .styles('resources/assets/blocks/**/*.css') .version('public/css/app.css'); 文件组合。我试过这个：

{
  "/js/app.js": "/js/app.js",
  "/css/app.css": "/css/app.css",
  "/mix.js": "/mix.js"
}

但它不起作用 - 只创建了清单文件：

RealmResult

Answer 1

以下是一个例子：

mix.sass('resources/assets/sass/app.scss', 'public/css').styles([
    'node_modules/animate.css/animate.min.css',
    'public/css/app.css'
],'public/css/app.css');