如何使用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" 
}

来源

2017-08-14 Andrew Vershinin

如果你改变了什么你所有的CSS文件到.scss（用脚本） - Sass将能够编译它们 – randomguy04

下面是一个例子：

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

来源

2018-01-18 00:58:11

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

回答

相关问题