Question

很抱歉，这是一个奇怪/愚蠢的问题，但是我一直在尝试从PHP过渡到更多面向JavaScript的开发。

我已经使用create-react-app构建了一个没有路由的小型单页应用程序，它完全可以按照我想要的方式工作，但是现在我想在现有的PHP应用程序中进行部署。 / p>

该应用程序确实进行了一些API调用，因此不能简单地将其转换为静态页面。

有什么办法可以利用我目前拥有的内容并将其转换为.js文件，而无需服务器即可轻松加载该文件。

谢谢

Answer 1

只需执行npm run build，然后将./build文件夹升级到您的服务器即可。

Answer 2

您可以使用webpack devServer

这里有个例子：

package.json

{
   "name": "sampleApp",
   "version": "1.0.0",
   "description": "",
   "devDependencies": {
      "webpack": "4.15.0",
      "webpack-cli": "3.0.8",
      "webpack-dev-server": "3.1.4"
   },

   "scripts": {
        "dev": "webpack --mode development && webpack-dev-server --mode development",
        "build": "webpack --mode production && webpack-dev-server --mode production"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/sample/sample.git"
   }
}

webpack.config.js

module.exports = {
   entry: './src/index.js',
   output: {
      path: path.resolve(__dirname, 'build'),
      filename: 'bundle.js',
   },
  devServer: {
    contentBase: path.resolve(__dirname, './'),
    publicPath: '/build/',
    host: '127.0.0.1',
    port: 9998,
    open: true
  },
  resolve: {
    extensions: ['.ts', '.js'],

  }
};

如何将create-react-app脚本转换为静态包

2 个答案: