javascript - 通过环境变量传递的 LESS 变量

Question

我想在LESS中有一个变量基于环境变量:

@asset-path: process.env.IN_SHELL ? '/path/1/' : '/path/2/'

因为我的 Assets 路径根据应用程序加载的上下文而不同。

我正在使用 webpack (v4) 和最新的 less、less-loader、style-loader 和 postcss-loader(用于 vendor 前缀)。谢谢。

Answer 1

您不能在 LESS 中使用 javascript 函数。逻辑需要位于您的 webpack 配置中。
我想我会使用 string-replace-loader作为 LESS 文件的第一个加载器，并替换正确路径的占位符。

类似这样的事情:

{
    test: /\.less$/,
    use: [
        'style-loader',
        'postcss-loader',
        'less-loader',
        {
            loader: 'string-replace-loader',
            options: {
                search: 'PATH-PLACEHOLDER',
                replace: process.env.IN_SHELL ? '/path/1/' : '/path/2/',
            },
        },
    ],
},