Webpack-使用变量进行编译

Question

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

我在我的数据库中存储了一个template_home变量。我也不介意将此var放在我的.env文件中。

理想情况下，我想使用该变量来编译4种混合之一。

这可能吗？

谢谢

Answer 1

是的，这可以通过dotenv npm软件包来实现。

1. 首先使用npm安装软件包：npm install dotenv --save-dev。

2. 然后将模板密钥添加到.env文件：

...
THEME_KEY=test_01
...

1. 要访问和使用变量，您需要编辑webpack.mix.js文件：

const mix = require('laravel-mix');
const dotenv = require('dotenv').config();

mix.sass('resources/assets/sass/' + process.env.THEME_KEY + '.scss', 'css');

希望这会有所帮助！