我正在开发一个最近弹出的create-react-app https://github.com/facebookincubator/create-react-app应用程序并需要使用外部module https://github.com/jonbri/starparam.
I did npm install --save-dev starparam并像这样导入模块：import starparam from 'starparam';.
当我使用单元测试在 NodeJS 中运行代码时（npm test）一切都按预期进行。
但是，当我在浏览器中运行时（使用npm start) 我收到语法错误。
这似乎是因为我正在使用的模块使用ES6特性 https://github.com/jonbri/starparam/blob/master/index.js#L16就像箭头函数一样。
我需要对 webpack 进行哪些更改才能将此第三方模块包含在转译中？
我能够通过以下方式实现我的目标：
-
添加新路径 in
config/paths.js到第三方模块文件夹
-
添加新的加载程序 in the
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
}
},
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
