Skip to content
This repository was archived by the owner on Dec 26, 2018. It is now read-only.

babel is only one option. #105

Merged
merged 2 commits into from
Jun 30, 2016
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@ npm install vueify --save-dev
browserify -t vueify -e src/main.js -o build/build.js
```

If you are using npm 3+, it no longer auto install the peer dependencies. So you will also have to also install the babel-related dependencies:
If you are using npm 3+ and **babel**, it no longer auto install the peer dependencies. So you will also have to also install the babel-related dependencies:

``` bash
npm install\
Expand Down Expand Up @@ -121,9 +121,9 @@ Make sure to have the `NODE_ENV` environment variable set to `"production"` when

If you are using Gulp, note that `gulp --production` **does not** affect vueify; you still need to explicitly set `NODE_ENV=production`.

## ES2015 by Default
## ES2015 when `babel-core` installed

Vueify automatically transforms the JavaScript in your `*.vue` components using Babel. Write ES2015 today!
Vueify automatically transforms the JavaScript in your `*.vue` components using Babel when it is installed. Write ES2015 today!

The default Babel (6) options used for Vue.js components are:

Expand Down
10 changes: 9 additions & 1 deletion lib/compiler.js
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,13 @@ try {
hotReloadAPIPath = 'vueify/node_modules/vue-hot-reload-api'
}

var hasBabel = true
try {
require('babel-core')
} catch (e) {
hasBabel = false
}

var htmlMinifyOptions = {
collapseWhitespace: true,
removeComments: true,
Expand Down Expand Up @@ -291,7 +298,8 @@ function processStyle (node, filePath, id) {
*/

function processScript (node, filePath, content) {
var lang = checkLang(node) || 'babel'
var lang = checkLang(node) || (hasBabel ? 'babel' : null)

var script = checkSrc(node, filePath)
if (!script) {
script = parse5.serialize(node)
Expand Down