Question

我是使用Reactjs的新手，现在我需要在共享主机上部署我的react js应用。

我使用：create-react-app myapp

并使用npm start在dev上运行它。

我使用browserify和webpack尝试过很多建议，但直到现在仍然没有成功。

或者还有另一种方法可以为我的反应应用制作一个dist包？

可能像npm run publish或类似的东西？

这是我的webpack配置：

const path = require('path');

module.exports = {
    entry: './src/index.js',
    output: {
        path: path.resolve(__dirname, 'docs'),
        filename: 'bundle.js'
    },
    module: {
        rules: [
            { 
                test: /\.jsx?$/, 
                loader: 'babel-loader', 
                exclude: /node_modules/ 
            },
            {
                test: /\.css$/,
                use: [ 'style-loader', 'css-loader' ]
            },
            { test: /\.svg$/, loader: 'svg-loader?pngScale=2' }
        ]
    },
    devServer: {
        contentBase: './docs'
    }
};

Answer 1

npm run build

将生产应用程序构建到build文件夹。   它正确地将React捆绑在生产模式中并优化构建以获得最佳性能。

构建被缩小，文件名包含哈希。   您的应用已准备好部署！

有关详细信息，请参阅有关deployment的部分。

Answer 2

如果您正在使用create react应用程序，那么要创建生成版本，您必须运行： - npm run build 或 yarn build

用于制作构建文件夹的应用。

在create react app npm run eject 中编辑webpack配置。

运行此命令会将所有配置文件和传递依赖项（Webpack，Babel，ESLint等）复制到项目中，以便您可以完全控制它们。像npm start和npm run build这样的命令仍然有效，但它们会指向复制的脚本，以便您可以调整它们。在这一点上，你是独立的。

如何制作dist reactjs应用程序？

2 个答案: