Reactjs从另一个仓库导入

时间:2017-05-23 16:11:13

标签: reactjs webpack ecmascript-6 babeljs

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

模块解析失败:[path]意外令牌(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"]
  },
]

},

我在这里缺少什么? 两个回购工作本身很好,我试图从另一个加载一个,这是我得到的错误。

2 个答案:

答案 0 :(得分:0)

您确定没有错过babel-loader的{​​{1}}财产吗?

在ReactJS应用程序中通常设置为:

test

答案 1 :(得分:0)

刚想通过在该配置中添加几行:

 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]')
]