[英]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.