包含package.json文件失败时使用webpack
我正在尝试使用WebPack为使用commonJS模块的基于同构的JS代码创build浏览器的包。 为了暴露package.json中的版本,我在我的index.js中执行以下操作:
var pjson = require("../package.json"); module.exports = { version: pjson.version };
但是,WebPack默认将package.json
文件视为JavaScript,这会导致parsing器错误,因为它实际上是JSON:
package.json Line 2: Unexpected token :
我读过JSON文件, json-loader
插件是必需的,模块path必须调整为json!../package.json
。 虽然这实际上适用于WebPack,但它会在本机运行Node.js时破坏代码。
那么引用package.json
(或任何其他JSON文件)的正确方法是什么,以便WebPack可以创build一个浏览器包,而不是用任何WebPack模块path污染代码?
尝试照常使用:
var pjson = require("../package.json");
但是在webpack.config.json
:
... module: { loaders: [{ test: /\.json$/, loader: 'json' }, ...] } ...
- 在通用/同构应用程序中组织package.json依赖项
- 我是否需要同构JavaScript应用程序中的dynamic元标记?
- React服务器端渲染,如何导入一个React组件?
- 使用webpack,我可以将Node.js和浏览器代码放在同一个文件中,但阻止Node.js代码将其传送到浏览器?
- wepack-isomorphic-tools vs process.env.BROWSER
- Webpack-dev-server和isomorphic react-node应用程序
- 在同构React应用程序中呈现HTMLstring
- 同构反应与Webpack的resolve.root选项
- 从React(同构应用程序)进行API调用时出现“Access-Control-Allow-Origin”问题