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的描述中，有一个比较重要的地方：

 

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

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