我已经使用react js创建了一个单页Web应用程序。我曾经用来webpack
创建所有组件的捆绑包。但是现在我想创建许多其他页面。大多数页面与API调用相关。即在中index.html
,我已显示的内容API
。我想在另一个页面中插入内容,以从API解析数据。Webpack将所有的react压缩到一个文件中bundle.js
。但是,的配置webpack
如下:
const webpack = require('webpack');
var config = {
entry: './main.js',
output: {
path:'./',
filename: 'dist/bundle.js',
},
devServer: {
inline: true,
port: 3000
},
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel',
query: {
presets: ['es2015', 'react']
}
}
]
},
plugins: [
new webpack.DefinePlugin({
'process.env': {
'NODE_ENV': JSON.stringify('production')
}
}),
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false
}
})
]
}
module.exports = config;
现在,我很困惑webpack
其他页面将采用哪种配置,或者使用以下哪种方法来构建多页面应用程序是正确的react.js