sass - 是否可以使用 Webpack 和 sass 加载程序将 NODE_ENV 参数注入(inject) sass 文件?

标签 sass webpack libsass webpack-style-loader sass-loader

我正在尝试将 NODE_ENV 注入(inject)到 sass 文件中,因此我可以为 dev/prod env 提供不同的输出,并有一个 sass 函数,其中包含类似的条件:@if (NODE_ENV == 'prod') {}
我的 webpack.config 看起来像这样:

module: {
    loaders: [{
        test: /\.scss$/,
        loader: "style-loader!raw-loader!sass-loader?includePaths[]=" + path.resolve(__dirname, "./node_modules/compass-mixins/lib")
    }]
}

我尝试将数据参数传递给加载程序,但我尝试过的没有任何效果。
将不胜感激任何帮助!

最佳答案

这是直接来自 sass-loader repo 的代码。

webpack.config.js
... sassLoader: { data: "$env: " + process.env.NODE_ENV + ";" } ...

关于sass - 是否可以使用 Webpack 和 sass 加载程序将 NODE_ENV 参数注入(inject) sass 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35750455/

相关文章:

python - 让 libsass-python 使用系统 libsass 库而不是编译它

css - 有没有办法用 libsass 运行 susy 或单一性?

javascript - 如何在一个 Angular 组件中处理多个主题?

带有第 n 个 child 的 css 网格

webpack - 为什么要在 CommonJS require.ensure() 中处理依赖项列表?

javascript - 是否可以导入文件夹中的所有文件?

css - Susy前缀,后缀,填充错误的输出,里面有gutter-position

css - 如何解决这个 sass 插值问题

css - "Resting"& 在 Sass 中

typescript - 如何使用 npm 链接和使用 TypeScript 编写的模块进行开发?