sails-generate-x-babel v0.10.0
sails-generate-x-babel
A x-babel
generator for use with the Sails command-line interface.
Certain generators are installed by default in Sails, but they can be overridden. Other generators create entirely new things. Check the Sails docs for information on installing generator overrides / custom generators and information on building your own generators.
Installation
$ npm install sails-generate-x-babel
Usage
On the command line
$ sails generate x-babel
What Happened
The x-babel
will crate the file below:
- ./.babelrc
- ./src/* (
src
is the folder copy of apifolder
)
Development
After x-babel
generated, you should do some steps to make it exactly effected.
Step 1
You should add packages below in your package.json
file.
"dependencies": {
...
"babel-cli": "6.7.5",
"babel-core": "6.4.0",
"babel-eslint": "6.0.2",
"babel-loader": "6.2.4",
"babel-plugin-add-module-exports": "0.1.2",
"babel-plugin-syntax-export-extensions": "6.5.0",
"babel-plugin-transform-builtin-extend": "1.1.0",
"babel-plugin-transform-export-extensions": "6.5.0",
"babel-polyfill": "6.7.4",
"babel-preset-es2015": "6.6.0",
"babel-preset-stage-0": "6.5.0",
...
}
Then run npm install
.
Step 2
Add npm script to run babel built by npm.
Add the code below in your package.json
file.
"scripts": {
...
"build": "babel src --out-dir api --copy-files",
"build-prod": "NODE_ENV=production& babel src --out-dir api --copy-files",
"build-watch": "babel src --watch --out-dir api --copy-files",
...
},
After that you can build code with babel by commands:
npm run build
npm run build-prod
npm run build-watch
Step 3
Import babel-prolyfill
before your app run.
Add the code below in your app.js
file:
require('babel-polyfill');
Step 4
Coding your application in src
folder instead of api
folder.
License
8 years ago