React Native的Webpack配置

时间:2019-04-11 09:44:05

标签: react-native webpack

我是本机反应的新手。我想为我的项目实施webpack。谁能为React-native建议一个示例Webpack配置文件

1 个答案:

答案 0 :(得分:1)

这里是一个:

global.__PLATFORM__ = process.env.RN_PLATFORM || 'ios';

module.exports = {
  context: __dirname,
  entry: {
    index: [
      'react-native-webpack/clients/polyfills.js',
      `./index.${__PLATFORM__}.js`,
    ],
  },
  output: {
    path: assetsPath,
    filename: `[name].${__PLATFORM__}.bundle`,
    chunkFilename: '[name].chunk.js',
    publicPath: '/',
  },
  devServer: {
    port: 8081,
    quiet: false,
    noInfo: true,
    lazy: true,
    filename: `[name].${__PLATFORM__}.bundle`,
    watchOptions: {
      aggregateTimeout: 300,
      poll: 1000,
    },
    publicPath: '/',
    stats: { colors: true },
  },
};

请注意,Webpack配置不是您唯一需要的东西。 This guide更加深入,并为后续步骤提供了示例和说明:

  1. Babel配置
  2. 模块支持
  3. 资产需要支持