利用webpack配置ES6语法的运行环境(包括react)
- 安装webpack
cnpm install webpack --save-dev
- 如果要利用npm命令来执行webpack,需要在npm生成的package.json文件中指明命令:
"scripts":{
"start":"webpack --config webpack.config.js"
}
- 安装babel插件,babel插件是webpack需要的加载器,如果没有这几个加载器我们的jsx语法,和es2015语法就会报错
cnpm install babel-core babel-loader babel-preset-es2015 babel-preset-react --save-dev
- webpack中的配置如下
module:{
rules:[
{
test:/\.js$/,
exclude:[
'node_modules'
],
loader:'babel-loader',
options:{
presets:['es2015','react']
}
}
]
},
本文标题:利用webpack配置ES6语法的运行环境(包括react)
本文链接:https://www.haomeiwen.com/subject/pzvzwttx.html
网友评论