litemall源码阅读2.05管理后台前端litemall-admin之babel与autoprefixer

https://www.cnblogs.com/lsgxeva/p/7758184.html

babel就是一个转义器,将高版本的JS代码转换为浏览器支持比较好的老版本的JS代码。

配置文件为babel.config.js

同理autoprefixer为css的转义器。

在dependencies中,有一个

@vue/cli-plugin-babel

后经查看

https://www.jianshu.com/p/19fa9a369666

https://juejin.cn/post/6844903670300016648#comment

推测,应该是使用这个插件,在vue-cli server在构建过程中中增加了babel的loader。

autoprefixer同理。

暂时就这么理解了,这边肯定是不严谨的。

这边应该需要vuecli插件的相关知识:

https://cli.vuejs.org/zh/guide/plugins-and-presets.html

 以及webpack中loader的相关知识

https://www.webpackjs.com/concepts/loaders/

在loader的描述中,有一个比较重要的地方:

litemall源码阅读2.05管理后台前端litemall-admin之babel与autoprefixer

 也就是一个预处理。但在具体业务中,还要考虑loader加载顺序的问题。到底是vue的loader先加载还是babel与autoprefixer先加载,这个问题后续再搞把。

暂时只知道这边的作用是什么。