如何将加载器输出转换为字符串

时间:2015-07-17 11:13:05

标签: webpack

我的webpack配置如下所示:

var webpack = require('webpack');

module.exports = {
    // ..
    module: {
        loaders: [
            // ..
            {
                test: /\.scss$/,
                loaders: ['css', 'sass']
            }
        ]
    }
};

我希望require('./my-style.scss')返回一个字符串。但是,现在它返回一个Array对象:

0: Array[3]
    0: 223
    1: "html,↵body,↵ol,↵ul,↵li,↵p { margin: 0; padding: 0; }↵"
    2: ""
    length: 3
i: (modules, mediaQuery) { .. }
length: 1
toString: toString()

我可以将require语句强制转换为字符串(require('./my-style.scss').toString()),不过我是webpack为我做的。

如何修改加载器定义以生成字符串作为最终输出?

1 个答案:

答案 0 :(得分:4)

我编写了一个小型加载器,将对象强制转换为字符串to-string

它是一个简单的加载器,它像模块一样执行内容并将输出转换为字符串:

/**
 * @see https://github.com/webpack/webpack/wiki/Loader-Specification
 */
module.exports = function (content) {
    return 'module.exports = ' + JSON.stringify(this.exec(content, this.resource).toString());
};