Question

我的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为我做的。

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

Answer 1

我编写了一个小型加载器，将对象强制转换为字符串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());
};

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

1 个答案: