Reactjs 从另一个仓库导入答案

【问题标题】：Reactjs import from another repoReactjs 从另一个仓库导入
【发布时间】：2017-10-23 17:07:24
【问题描述】：

Reactjs，我有两个 repos，一个是从另一个导入组件。尝试导入模块，我收到此错误：

模块解析失败：[路径] 意外令牌 (22:6) 您可能需要适当的加载程序来处理此文件类型。 |使成为（）{ | ... | }

这是我的 webpack.config.js 模块加载器：

module: {
loaders: [
  {
    exclude: /node_modules/,
    loader: 'babel-loader',
    query: {
      presets: ['react', 'es2015', 'stage-1']
    }
  },
  {
    test: /\.scss$/,
    loaders: ["style-loader", "css-loader", "sass-loader"]
  },
]

我在这里缺少什么？这两个 repos 各自工作得很好，当我尝试从另一个加载一个时，这就是我得到的错误。

【问题讨论】：

你使用的是什么版本的 webpack？
我使用的是 2.4.1 版

标签： reactjs webpack ecmascript-6 babeljs

【解决方案1】：

只是想在该配置中添加几行：

 module: {
loaders: [
  {
    test: /\.scss$/,
    loaders: ["style-loader", "css-loader", "sass-loader"]
  },
  {
    test: /\.jsx?$/,
    include: /node_modules\/my-react-comps-styleguide/,
    loader: 'babel-loader'
  },
  {
    test: /\.jsx?$/,
    exclude: /node_modules/,
    loader: 'babel-loader'
  }
]

请注意我添加的内容以包含来自 node_modules 的内容。现在效果很好。

我还注意到也可以添加这个：

include: [
     path.join(process.cwd(),'src'),
     path.join(process.cwd(), 'node_modules/[modulename]')
]

【讨论】：

【解决方案2】：

您确定您没有丢失babel-loader 的test 属性吗？

在 ReactJS 应用程序中通常设置如下：

{
    test: /\.jsx?$/,
    loader: 'babel-loader',
    // Further config
}

【讨论】：

是的，我正在寻找该部分需要哪些额外配置。刚刚想通了。检查我的答案.. 谢谢