尝试使用babel时出现以下错误。
错误:找不到相对于目录的预设“ es2015”
webpack.config.js
module.exports = { entry: './main.js', ourput: { path:'./', filename:'index.js' }, devServer:{ inline:true, port:3333 }, module:{ loaders:[ { test:/\.js$/, exclude:/node_modules/, loader:'babel', query:{ presets:['es2015','react'] } } ] } }
package.json
{ "name": "es6-react-setup", "version": "1.0.0", "main": "main.js", "dependencies": { "babel-core": "^6.11.4", "babel-preset-es2015": "^6.9.0", "babel-preset-react": "^6.11.1", "babel-loader": "^6.2.4", "react": "^15.2.1", "react-dom": "^15.2.1", "webpack": "^1.13.1" }, "devDependencies": {}, "scripts": { "start": "webpack-dev-server" }, "author": "", "license": "ISC", "description": "" }
终端输出
您需要将babel配置为使用这些预设。您可以将此添加到您的package.json
"babel": { "presets": [ "es2015", "react" ] },
您也可以选择一个.babelrc文件。
.babelrc
https://babeljs.io/docs/usage/babelrc/