我正在开发一个最近弹出的 create-react-app
应用程序并需要使用外部module .
我执行了npm install --save-dev starparam
,并像这样导入模块:import starparam from 'starparam';
。
当我使用单元测试 (npm test
) 在 NodeJS 中运行代码时,一切都会按预期运行。
但是,当我在浏览器中运行(使用 npm start
)时,我收到语法错误。
这似乎是因为我正在使用的模块 uses ES6 features就像箭头函数一样。
我需要对 webpack 进行哪些更改才能将此第三方模块包含在转译中?
最佳答案
我能够通过以下方式实现我的目标:
- 在
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
}
},
关于reactjs - 使用 create-react-app 构建转译第三方模块,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44805482/