当包含 package.json 文件失败时使用 webpack

Use webpack when including the package.json file fails

本文关键字：webpack 失败 文件 包含 package json      更新时间：2023-09-26

我正在尝试使用 WebPack 从我的同构 JS 代码使用 commonJS 模块为浏览器创建一个捆绑包。为了公开 package.json 中的版本，我在索引中执行以下操作.js：

var pjson = require("../package.json");
module.exports = {
    version: pjson.version
};

但是，默认情况下，WebPack 会将package.json文件视为 JavaScript，这会导致解析器错误，因为它实际上是 JSON：

package.json Line 2: Unexpected token :

我已经读到对于 JSON 文件，需要json-loader插件，并且必须将模块路径调整为 json!../package.json .虽然这实际上适用于 WebPack，但它在 node 中运行时会破坏代码.js本机。

那么引用package.json（或任何其他 JSON 文件）的正确方法是什么，以便 WebPack 可以创建一个浏览器捆绑包，并且不会用任何仅限 WebPack 的模块路径污染代码？

尝试像往常一样使用：

var pjson = require("../package.json");

但在webpack.config.json：

...
module: {
    loaders: [{
        test: /'.json$/,
        loader: 'json'
    }, ...]
}
...
相关文章：