使用create-react-app构建来转译第三方模块

Question

我正在开发一个最近推出的create-react-app应用程序，需要使用一个外部模块。

我做到了，npm install --save-dev starparam并且正在像这样导入模块：import starparam from 'starparam';。

当我使用单元测试（npm test）在NodeJS中运行代码时，一切都会按预期进行。

但是，当我在浏览器中运行（使用npm start）时，出现语法错误。

这似乎是因为我正在使用的模块使用了诸如箭头功能之类的ES6功能。

我需要对Webpack进行哪些更改，以便该第三方模块包含在运输中？

Answer 1

我能够通过以下方式实现我的目标：

• config/paths.js在第三方模块文件夹中添加新路径
• 在对象loaders的数组中添加一个新的加载器moduleconfig/webpack.config.dev.js
• 类似的变化config/webpack.config.prod.js

--

config/paths.js在;中添加新路径

starparamSrc: resolveApp('node_modules/starparam'),

添加一个新的加载器config/webpack.config.dev.js：

{
  test: /\.(js|jsx)$/,
  include: paths.starparamSrc,
  loader: 'babel',
  query: {
   cacheDirectory: true
  }
},