[import()] Initial support for dynamic-import (#4699)

* [import()] Initial support for function-like import

* [import()] Renaming import-functions to dynamic-import

* [stage-2] Fixing lint error

* add to package.json
This commit is contained in:
Jordan Gensler 2016-10-17 11:02:00 -04:00 committed by Henry Zhu
parent b8eeddf960
commit 391e5bd813
7 changed files with 62 additions and 0 deletions

View File

@ -205,6 +205,7 @@ These just enable the transform plugins to be able to parse certain features (th
| [`babel-plugin-syntax-flow`](/packages/babel-plugin-syntax-flow) | [![npm](https://img.shields.io/npm/v/babel-plugin-syntax-flow.svg?maxAge=2592000)](https://www.npmjs.com/package/babel-plugin-syntax-flow) |
| [`babel-plugin-syntax-function-bind`](/packages/babel-plugin-syntax-function-bind) | [![npm](https://img.shields.io/npm/v/babel-plugin-syntax-function-bind.svg?maxAge=2592000)](https://www.npmjs.com/package/babel-plugin-syntax-function-bind) |
| [`babel-plugin-syntax-function-sent`](/packages/babel-plugin-syntax-function-sent) | [![npm](https://img.shields.io/npm/v/babel-plugin-syntax-function-sent.svg?maxAge=2592000)](https://www.npmjs.com/package/babel-plugin-syntax-function-sent) |
| [`babel-plugin-syntax-dynamic-import`](/packages/babel-plugin-syntax-dynamic-import) | [![npm](https://img.shields.io/npm/v/babel-plugin-syntax-dynamic-import.svg?maxAge=2592000)](https://www.npmjs.com/package/babel-plugin-syntax-dynamic-import) |
| [`babel-plugin-syntax-jsx`](/packages/babel-plugin-syntax-jsx) | [![npm](https://img.shields.io/npm/v/babel-plugin-syntax-jsx.svg?maxAge=2592000)](https://www.npmjs.com/package/babel-plugin-syntax-jsx) |
| [`babel-plugin-syntax-object-rest-spread`](/packages/babel-plugin-syntax-object-rest-spread) | [![npm](https://img.shields.io/npm/v/babel-plugin-syntax-object-rest-spread.svg?maxAge=2592000)](https://www.npmjs.com/package/babel-plugin-syntax-object-rest-spread) |

View File

@ -0,0 +1,3 @@
node_modules
*.log
src

View File

@ -0,0 +1,35 @@
# babel-plugin-syntax-dynamic-import
Allow parsing of `import()`.
## Installation
```sh
$ npm install babel-plugin-syntax-dynamic-import
```
## Usage
### Via `.babelrc` (Recommended)
**.babelrc**
```json
{
"plugins": ["syntax-dynamic-import"]
}
```
### Via CLI
```sh
$ babel --plugins syntax-dynamic-import script.js
```
### Via Node API
```javascript
require("babel-core").transform("code", {
plugins: ["syntax-dynamic-import"]
});
```

View File

@ -0,0 +1,13 @@
{
"name": "babel-plugin-syntax-dynamic-import",
"version": "6.13.0",
"description": "Allow parsing of import()",
"repository": "https://github.com/babel/babel/tree/master/packages/babel-plugin-syntax-dynamic-import",
"license": "MIT",
"main": "lib/index.js",
"keywords": [
"babel-plugin"
],
"dependencies": {},
"devDependencies": {}
}

View File

@ -0,0 +1,7 @@
export default function () {
return {
manipulateOptions(opts, parserOpts) {
parserOpts.plugins.push("dynamicImport");
}
};
}

View File

@ -10,6 +10,7 @@
"dependencies": {
"babel-plugin-transform-class-properties": "^6.16.0",
"babel-plugin-transform-decorators": "^6.13.0",
"babel-plugin-syntax-dynamic-import": "^6.13.0",
"babel-preset-stage-3": "^6.17.0"
}
}

View File

@ -2,12 +2,14 @@ import presetStage3 from "babel-preset-stage-3";
import transformClassProperties from "babel-plugin-transform-class-properties";
import transformDecorators from "babel-plugin-transform-decorators";
import syntaxDynamicImport from "babel-plugin-syntax-dynamic-import";
export default {
presets: [
presetStage3
],
plugins: [
syntaxDynamicImport,
transformClassProperties,
transformDecorators
]