如何使用Laravel Mix连接编译的SASS和组合的CSS?

Question

在我的Laravel项目中，我同时使用SASS和CSS：用于依赖关系的SASS(fontawesome，Bootstrap( - 通过NPM和跨深层文件夹结构(BEM(的纯CSS。我想连接所有 CSS，编译 SASS 并将其全部连接在一个 .css 文件中。与JS相同：我的BEM结构中的纯JS文件需要与需要由Webpack处理的单个app.js文件相结合。我试过这个：

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"
}

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');