Я создал одностраничное веб-приложение с помощью команды js. Я использовал webpack
для создания пакета всех компонентов. Но теперь я хочу создать много других страниц. Большинство страниц связаны с API-вызовом. т.е. в index.html
, я отобразил содержимое с API
. Я хочу вставить содержимое в другую страницу, анализируя данные из API. Webpack сжимает все, что реагирует, в файле 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