1.0.5 • Published 5 years ago

babel-plugin-aliasdir v1.0.5

Weekly downloads
2
License
ISC
Repository
github
Last release
5 years ago

babel-plugin-aliasdir

说明

用于babel编译时,项目设置别名

下载

npm install --save-dev babel-plugin-aliasdir

配置

{
    "plugins": [
        [
            "aliasdir",
            {
                "cursdir": {
                    "@lib": "/src/lib"
                }
            }
        ]
    ]
}

从项目根目录开始配置

Example

  • 项目目录
project
│   README.md
└───controller
│   └───demo
│       │   aController.js
│       │   ...
│
└───lib
│   └───utils
│       │   help.js
│       │   extend.js
│       │   ...
└───....
  • .babelrc
{
    "plugins": [
        [
            "aliasdir",
            {
                "cursdir": {
                    "@lib": "/src/lib",
                    "@Utils": "/src/lib/utils",
                }
            }
        ]
    ]
}
  • src/contoller/aController.js
const help = require('@Lib/utils/help');
import extend form '@Utils/extend';
  • 执行编译命令
babel src/contoller/aController.js
  • 输出编译dist/aController.js
const help = require('../../lib/utils/help');
import extend form '../../lib/utils/extend';