如何使用Laravel Mix来编译SASS和组合CSS?
问题描述:
在我的Laravel项目中,我使用SASS和CSS:SASS用于依赖关系(fontawesome,Bootstrap) - 通过NPM和纯CSS跨越深度文件夹结构(BEM)。我想连接所有的CSS,编译SASS并将它们连接在一个.css文件中。与JS相同:我的BEM结构中的普通JS文件需要与单个app.js
文件结合,这需要由Webpack处理。我尝试这样做:如何使用Laravel Mix来编译SASS和组合CSS?
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"
}
答
下面是一个例子:
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');
如果你改变了什么你所有的CSS文件到.scss(用脚本) - Sass将能够编译它们 – randomguy04