小编Joh*_*one的帖子

我一直在敲打这个问题一段时间,我想知道是否有可能开始.感谢您的帮助!

npm包

我有一个npm包,它基本上是一个React组件库.该库具有嵌入式样式表,它引用CSS中的字体和图像等资源.然后使用webpack捆绑这些my-package.js.

这个配置看起来像:

var path = require('path');

module.exports = {
  module: {
    loaders: [
      {
        test: /\.js$/,
        loaders: ['babel-loader'],
        exclude: /node_modules/
      },
      {
        test: /\.css$/,
        loader: "style-loader!css-loader"
      },
      {
        test: /\.(png|jpg|jpeg|gif|svg|woff|woff2|ttf|eot)$/,
        loader: 'file-loader'
      },
      {
        test: /\.styl$/,
        loader: 'style-loader!css-loader!stylus-loader'
      }
    ]
  },
  entry: [
    './lib/components/index.js',
    './lib/index.styl'
  ],
  output: {
    path: path.join(__dirname, 'build/'),
    filename: 'my-package.js'
  }
}

随着./lib/components/index.js看起来像:

import '../index.styl';
import MyComponent from './my-component.js';

export {
  MyComponent
}

到现在为止还挺好.

应用程序

现在在另一个代码库中,我有了主应用程序,它安装了这个npm包.

我的应用程序root需要这个包...

import MyPackage from 'my-package'; …

是否有可能挂钩到React-Native的特定于平台的扩展以使用自定义扩展？

在你能发散以同样的方式.ios.js和.android.js,有没有办法来定义自定义扩展.xyz.js.(等效于的WebPack的resolve.extensions)

我们有两个回购,两个都有react-native依赖; 一个是实际的RN应用程序,另一个是包含许多自定义react-native组件的UI包.

当我使用npm linkRN应用程序符号链接(使用)UI包并尝试启动js服务器时,它会抛出以下错误:

This error is caused by a @providesModule declaration with the same name across two different files.

这似乎是因为它在UI包的副本中拾取了相同的RN文件react-native.

我知道守望者没有使用符号链接有问题,但我认为这是不同的 - 与两个react-native模块有关.有没有人知道如何解决这个问题？我确保两者都是相同的版本号,但仍然没有.

我想知道是否可以在 Webpack 中获得类似于 React-native 处理 ios/android 基于扩展名的构建配置：分别为 .ios.js 和 .android.js。

详细说明一下，给出以下目录结构：

app/
  index.js
  components/
    button.web.js
    button.mobile.js

我想得到

build/
  web/app.js
  mobile/app.js

有谁知道这是否可以通过 webpack 实现？