webpack之babel-loader

1.使用【babel-loader】 来实现处理一些新的js写法,es6等一些特性的转换。

官网:http://babeljs.io/docs/setup/#installation

安装:npm install --save-dev babel-loader babel-core

webpack.module.loaders里面的配置

module:{

loaders:[

{

test:/\.js$/,

loader:'babel-loader',

// exclude:'./node_modules/',//不处理的文件目录 省时间 相对路径

exclude: path.resolve(__dirname,'node_modules'), //绝对路径

// include: './src/', //指定处理打包的目录

include: path.resolve(__dirname,'src'), //绝对路径

query: {

presets: ['latest']

}

}

]

},

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,243评论 7 35
  • publicPath指定了一个在浏览器中被引用的URL地址。 对于使用 和 加载器,当文件路径不同于他们的本地磁盘...
    飞呀飞哥阅读 1,725评论 0 0
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,721评论 7 110
  • 昔秦王扫六合,收六国故臣,聚之咸阳。我那时年纪虽然尚轻,身无长物,但也无所逆转,被接到都城咸阳。奔赴都城之际,正是...
    就爱听岔曲_曲奇阅读 243评论 0 0
  • 不经意间看到胡歌的一句话:阅读和写作让我可以抛开烦恼进入豁然开朗的另一个灵感之地。 的确是这样。有的时候,不敢去想...
    静默心谷阅读 452评论 0 0