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

Question

我正在开发一个最近弹出的 create-react-app应用程序并需要使用外部module .

我执行了npm install --save-dev starparam，并像这样导入模块:import starparam from 'starparam';。

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

但是，当我在浏览器中运行(使用 npm start)时，我收到语法错误。

这似乎是因为我正在使用的模块 uses ES6 features就像箭头函数一样。

我需要对 webpack 进行哪些更改才能将此第三方模块包含在转译中？

Answer 1

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

• 在 config/paths.js 中添加新路径到第三方模块文件夹
• 在 loaders 中添加新加载程序 module 中的数组config/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
  }
},