对于我的Vue网站项目,使用Webpack从SASS生成单个样式表,我希望有以下内容:
基于环境变量的条件SASS导入
示例设置:
.env
:例如,如果我的环境包含:
SASS_THEME="soft"
soft.scss
:一个包含以下内容的SASS主题文件:
$color-alpha: #e5e5e5;
main.scss
:一个主要的Sass文件,看起来像这样:
// Import theme variables here
@import '${SASS_THEME}';
body{
background: $color-alpha;
}
~
)。如果我现在编写一个返回字符串的函数,它就可以工作了。但是我无法在我的webpack配置中要求.env文件,我猜测require尝试将文件解析为javascript,导致webpack构建出错。如果您有任何其他想法,我将非常感激,因为第一部分确实起作用了。 - Rogier~
,谢谢。已更新答案,请尝试使用raw-loader。 - nickbullock