因为在webpack中,默认只能处理一部分es6的语法,一些更高级的es6和es7语法webpack不能处理,这时就需要第三方的loader即babel来帮助webpack来处理这些高级的语法
npm i babel-core babel-loader babel-plugin-transform-runtime -d
npm i babel-preset-env babel-preset-stage-0 -d
module:{ rules:[ {test:/\.js$/,use:'babel-loader',exclude:/node_modules/} ] }
作用:用来打包编译node_modules中所有第三方js文件,否则会非常消耗cpu,打包速度慢,项目会无法运行
{ “presets”:["env","satge-0"], "plugins":["transform-runtime"] }
class preson{ static info = {name:'sy',age:22} } console.log(preson.name)
!!!!!!!!!!!!!!!
结果非常不幸,出现了错误,哭哭哭,后来在网上找到了解决方法,原来是babel-core不对
转载自:
遇到的问题
应该将babel-core的版本改为7.5.1版本
npm i babel-core@7.5.1 -d
如对本文有疑问, 点击进行留言回复!!
offset、client、scroll (width,height、left,top、X,Y)
网友评论