Laravel Webpack-使用变量进行编译

我正在使用Laravel&Webpack为4个不同的主题编译CSS。但每次我只想编译一个主题

我正在我的数据库中存储一个template_home变量。我也不介意把这个变量放在我的.env文件中

理想情况下，我希望使用该变量编译4个混音中的一个

这可能吗

---

谢谢

是的，这应该可以通过

dotenv

npm包实现

首先使用npm安装包：

npm install dotenv--save dev

然后将模板密钥添加到

.env

-文件：

要访问和使用变量，您需要编辑

webpack.mix.js

-文件：

const mix=require（'laravel-mix'）；
const dotenv=require（'dotenv'）.config（）；
mix.sass（'resources/assets/sass/'+process.env.THEME_KEY+'.scss'，'css'）；

---

希望这有帮助

我建议您不要为4个不同的主题使用4个不同的css文件。使用css变量，当您想要实现新主题时，只需更改它们。它比UX好得多（没有对服务器的额外请求=>更快）。

...
THEME_KEY=test_01
...