Question

我在使用从UI-ui工作的UI时遇到了一些问题。我一直在搜索互联网和stackoverflow几天来解决我的问题，但我尝试的一切都失败了。任何人都可以帮助我让这个工作，因为我发现官方指南不适合新手

提前致谢

编辑：很抱歉缺少代码。我意识到我必须运行npm start才能让它在本地运行。然而，这转移了另一个问题。如何将其部署到我的网络服务器？服务器正在查找public_html文件夹中的索引文件。由于这依赖于webpack或gulp我不知道我应该如何将其部署到我的服务器？我必须运行node.js或？请询问任何后续问题

的WebPack-production.config.js：

const webpack = require('webpack');
const path = require('path');
const buildPath = path.resolve(__dirname, 'build');
const nodeModulesPath = path.resolve(__dirname, 'node_modules');
const TransferWebpackPlugin = require('transfer-webpack-plugin');

const config = {
  entry: [path.join(__dirname, '/src/app/app.js')],
  // Render source-map file for final build
  devtool: 'source-map',
  // output config
  output: {
    path: buildPath, // Path of output file
    filename: 'app.js', // Name of output file
  },
  plugins: [
    // Define production build to allow React to strip out unnecessary checks
    new webpack.DefinePlugin({
      'process.env':{
        'NODE_ENV': JSON.stringify('production')
      }
    }),
    // Minify the bundle
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        // suppresses warnings, usually from module minification
        warnings: false,
      },
    }),
    // Allows error warnings but does not stop compiling.
    new webpack.NoErrorsPlugin(),
    // Transfer Files
    new TransferWebpackPlugin([
      {from: 'www'},
    ], path.resolve(__dirname, 'src')),
  ],
  module: {
    loaders: [
      {
        test: /\.js$/, // All .js files
        loaders: ['babel-loader'], // react-hot is like browser sync and babel loads jsx and es6-7
        exclude: [nodeModulesPath],
      },
    ],
  },
};

module.exports = config;

Answer 1

您的申请入口点是什么？我希望它是index.html，main.html或类似的东西。

发布你的webpack配置，package.json或者你用来运行webpack的文件。

根据它的构建方式，有多种方法可以运行prod ready build。如果你从某个地方复制它，它可能有构建脚本。例如npm run build。

我希望它会创建名为public或类似内容的文件夹以及index.html和bundle.js javascript文件。

然后您可以加载到您的网络服务器。

在我看来，这是一个很好的例子。 http://reactboilerplate.com/

材质UI和反应

1 个答案: