如何使用React创建多页应用

JavaScript Webpack

番长

2020-04-07

我已经使用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

第4103篇《如何使用React创建多页应用》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android