4.babel@7.9.0学习总结

1.今天读一下 babel-plugin-import-master 这款babel插件

插件介绍：主要用来做按需导入组件及其样式。
调试方式：为了方便我本次选择再node环境下进行调试(主要是看插件运行机制以及ast的转换过程)。

注意： 因为node环境默认不支持es6的模块化，可以通过babel进行支持。此处只看具体的转换过程，故只将对应src\index.js以及src\Plugin.js文件中的import手动改为require。

1.1调式工具

• 介绍
  vscode自带的Node Debug插件(保证node在一个较新的版本),该插件支持node环境下的代码调试。
  

图1-1

• 使用

1. 顶部工具栏=>点击运行=>点击启动调试
   

图1-2

2. 此时会左边的导航栏会提醒你要生成debug的配置文件launch.json,点击创建
   

图1-3

launch.json文件中修改debug的入口配置项program

{
   
    "version": "0.2.0",
    "configurations": [
        {
   
            "type": "node",
            "request": "launch",
            "name": "启动程序",
            "skipFiles": [
                "<node_internals>/**"
            ],