Question

Server.js

var express = require('express');

app.use(express.static('public'));

app.listen(PORT, function () {
  console.log('Express server is up on port ' + PORT);
});

Webpack.config.js

var path = require('path');
var webpack  = require('webpack');

var ExtractTextPlugin = require('extract-text-webpack-plugin');
const extractSass = new ExtractTextPlugin({

});
// const autoprefixer = require('autoprefixer');
module.exports = {
    entry: path.resolve(__dirname, 'src', 'Main.js'),
    output: {
        path: __dirname,
        publicPath: '/',
        filename: 'bundle.js'
    },
    module: {
        loaders: [{
            exclude: /node_modules/,
            test: /\.js$/,
            loader: 'babel-loader',
            query: {
                presets: ['react', 'es2015', 'stage-1'],
                plugin

s: ["react-html-attrs"]
            }
        }
        , {
        test: /\.(png|jpg|jpeg|gif|svg|woff|woff2)$/,
        loader: 'url-loader?limit=10000',
    },
     {




test: /masonry|imagesloaded|fizzy\-ui\-utils|desandro\-|outlayer|get\-size|doc\-ready|eventie|eventemitter/,
    loader: 'imports-loader?define=>false&this=>window'
        },
         {
            test: /\.css$/,
            loader: "style-loader!css-loader"
        },

        {
         test: /\.scss$/,
        loaders: ["style-loader", "css-loader", "sass-loader"]
        }]
    },
    plugins: [
        extractSass

    ],


 resolve: {
        extensions: ['.js', '.jsx', '.css', '.scss'],
    },
    devServer: {
        historyApiFallback: true,
        contentBase: './',
}
};

我正在尝试在Heroku上部署但是在此之前我通过npm在cmd上运行时启动它在localhost上启动但是说无法GET / 并且没有其他任何运行但是当我传递cmd webpack-dev -server --config webpack.config.js它在localhost 8080上运行，工作正常！我需要在heroku上部署之前添加serve.js我缺少什么？

Answer 1

确保您有一个名为Procfile的文件，其中包含web: <command to run your project>。该命令可能是node server.js或依赖于Webpack的其他内容，其中包含Production Guide here（可能是webpack -p）。

如何通过server.js通过webpack生成react bundle.js？

1 个答案: