WebPack打包React项目, 减小打包后生成的js文件.

Warning: It looks like you’re using a minified copy of the development build of React When deploying React apps to production, make sure to use the production build which skips development warnings and is faster See >

项目打包命令

打包后在文件中打开build文件全选复制

打开nginx 文件中的thml 把build文件夹中的粘贴进去

复制 nginx 文件所在地址：

win+R 打开cmd

运行：

在浏览器输入对应地址：

（一般默认 localhost )

nginx 可直接运行不用安装

需要使用npm按照以下依赖包："babel-core":"^680","babel-loader":"^624","babel-preset-es2015":"^660","babel-preset-react":"^650","webpack":"^1132","webpack-stream":"^320","object-assign":"^410","react":"^1521","react-dom":"^1502",

需要注释掉node_modules/react-native/packager/react-native-xcodesh中的最后一段关于“react-nativebundle”的命令调用,并不需要这个 *** 作。

生成文件如下图:

注意点:

1在根目录下创建 env文件

2里面写入

3执行yarn build

tips:

yarn eject 项目后发现了 react 会加载根目录下的env文件

envjs

如果我们要定义变量 必须通过 REACT_APP_XXXX = xxx 形式,因为加载时候进行了正则表达式的匹配

react-native ios 打包安装到手机中的方法： 1、安装nactiv-cli来完成react-native所运行的环境，安装命令如下： npm install -g react-native-cli 2、运行源码抓取命令手机React Native的源码和依赖，提供在xcode中创建的项目之用。

以上就是关于WebPack打包React项目, 减小打包后生成的js文件.全部的内容，包括:WebPack打包React项目, 减小打包后生成的js文件.、用react写完了页面，怎么打包成app、react 打包使用 nginx 运行等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！