[英]Webpack — include configuration file as external resource
随着应用程序的增长,是时候从代码中删除硬编码的东西了。 是时候实现正确的配置文件了。
我想使用webpack,并包含配置文件,所以我可以在react.js应用程序中要求它。
这就是我所做的(webpack.config):
var path = require('path');
var webpack = require('webpack');
module.exports = {
entry: [
'./src/app.js'
],
output: {
path: path.join(__dirname, 'public/js'),
filename: 'app.built.js'
},
externals: {
'Configurator': require('./config/config-dev.json')
},
module: {
loaders: [
{ test: /\.js$/, exclude: /node_modules/, loader: 'babel?presets[]=es2015&presets[]=react' },
{ test: /\.css$/, loader: "style-loader!css-loader" }
]
}
};
我的JSON文件:
{
"product": {
"getProducts": "/product",
"updateProduct": "/updateproduct",
"deleteProduct": "/deleteproduct"
},
"project": {
"getProjects": "/project",
"updateProduct": "/updateproject",
"deleteProduct": "/deleteproject"
}
}
在React组件的其中一个组件中,我尝试这样做:
var MyFile = require('Configurator');
没有错误,webpack找到该文件。 在控制台中我看到了这个:
var MyFile = __webpack_require__(412);
但MyFile未定义。
我做错了什么?
require
自动解析JSON文件。 externals
需要一个字符串来评估,所以你需要对该对象进行字符串化:
externals: {
'Configurator': JSON.stringify(require('./config/config-dev.json'))
},
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.