使用webpack构建React Native应用的神器:react-native-webpack-server
    		       		warning:
    		            这篇文章距离上次修改已过445天,其中的内容可能已经有所变动。
    		        
        		                
                
// 引入必要的模块
var webpack = require('webpack');
var WebpackDevServer = require('webpack-dev-server');
var config = require('./webpack.config');
 
// 修改配置以适应react-native
config.entry.index = ['webpack/hot/signal', './index.android.js'];
config.output.filename = 'index.android.bundle';
config.module.loaders.push({
  test: /\.js$/,
  include: /node_modules\/react-native/,
  loader: 'babel'
});
 
// 添加react-native特定的hot loader配置
config.plugins.push(
  new webpack.HotModuleReplacementPlugin(),
  new webpack.DefinePlugin({
    '__DEV__': true
  })
);
 
// 启动开发服务器
new WebpackDevServer(webpack(config), {
  publicPath: '/',
  hot: true,
  historyApiFallback: true
}).listen(3000, 'localhost', function (err, result) {
  if (err) {
    return console.log(err);
  }
  console.log('Listening at http://localhost:3000/');
});这段代码展示了如何使用webpack和webpack-dev-server来启动一个React Native应用的开发服务器。它修改了webpack的配置,使其适合React Native,并添加了热替换(hot reloading)的支持。这是一个非常实用的例子,对于开发React Native应用是一个很好的教程。
评论已关闭