研究了一下,但是照着做还是不对,求指教。
// file: webpack.config.babel.js
import path from 'path';
export default {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'build'),
filename: 'bundle.js'
},
module: {
loaders: [
{test: /\.js$/, loader: 'babel'}
]
}
}
//file: package.json
{
"name": "demo",
"version": "1.0.0",
"main": "index.js",
"scripts": {
"start": "webpack-dev-server --devtool eval --progress --colors --inline --hot --content-base build",
"test": "echo \"Error: no test specified\" && exit 1"
},
"dependencies": {
"history": "^1.17.0",
"react": "^0.14.5",
"react-dom": "^0.14.5",
"react-router": "^1.0.3"
},
"devDependencies": {
"babel-core": "^6.3.26",
"babel-loader": "^6.2.0",
"webpack": "^1.12.9",
"webpack-dev-server": "^1.14.0"
}
}
只要修改Webpack 文件名,为webpack.config.babel.js 就可以,但node 版本> 4, 并且要安装全babel-loader 和 babel-core ,webpack 会自动把webpack.config.babel 转化成es5
楼上是对的,也可以在webpack.config.js
里配置,babel6
...
module: {
loaders: [
{
test: /\.js$/,
loader: 'babel',
query: {
presets: ['es2015']
}
}
]
}
...
npm install babel-preset-es2015 --save-dev
在
webpack.config.js
的同目录下创建文件.babelrc
,内容如下
{
"presets": ["es2015"]
}
你这是没有启动 config 文件吧
webpack-dev-server --devtool eval --progress --colors --inline --hot --content-base --config webpack.config.babel.js
谢谢楼上的几位大牛,根据你们的答案,我也解决了该问题,膜拜下。
我总结下吧:
1.安装babel, npm install babel-preset-es2015 --save-dev
2.在 webpack.config.js 的同目录下创建文件 .babelrc,内容如下
{
"presets": ["es2015"]
}
3.在webpack.config.js里配置,babel6,具体如下:
{
test: /\.js$/,
loader: 'babel',
query: {
presets: ['es2015']
}
}