javascript - 在 Webpack 中读取解析路径中的文件

Question

我有一个 Node 模块，我想让它与 webpack 兼容。我目前正在使用以下模式:

const fs = require('fs');
const someTemplate = require.resolve('./templates/template.css');

fs.readFile(someTemplate, 'utf8', (err, templateStr) => {
  // Do something with`templateStr`
});

问题是 require.resolve 将返回模块 ID(编号)而不是路径，当然对编号执行 readFile 操作会失败。

如何让它与 Node 和 Webpack 兼容。

Answer 1

我必须深入挖掘才能找到这个。

似乎可以通过使用一些 browserify 插件和 webpack 来解决。

下面的答案是复制粘贴，因为 SO 不允许仅链接的答案

假设您有以下 Node 源:

var test = require('fs').readFileSync('./test.txt', 'utf8');

在 npm install tr​​ansform-loader brfs --save 之后，将以下加载程序添加到您的配置中:

module.exports = {
    context: __dirname,
    entry: "./index.js",
    module: {
        loaders: [
            {
                test: /\.js$/,
                loader: "transform?brfs"
            }
        ]
    }
}

这是您的链接:https://github.com/webpack/transform-loader#typical-brfs-example