diff --git a/README.md b/README.md index e55b78c..0a0bc14 100644 --- a/README.md +++ b/README.md @@ -118,8 +118,8 @@ Vueify is pre-configured to work with Babel. Simply install Babel-related depend ``` bash npm install\ - babel-core\ - babel-preset-es2015\ + @babel/core\ + @babel/preset-env\ --save-dev ``` @@ -127,7 +127,7 @@ Then create a `.babelrc`: ``` json { - "presets": ["es2015"] + "presets": ["@babel/preset-env"] } ``` diff --git a/lib/compiler.js b/lib/compiler.js index cde3d99..22485ee 100644 --- a/lib/compiler.js +++ b/lib/compiler.js @@ -19,7 +19,7 @@ var insertCSSPath = normalize.lib('insert-css') var hasBabel = true try { - require('babel-core') + require('@babel/core') } catch (e) { hasBabel = false } diff --git a/lib/compilers/babel.js b/lib/compilers/babel.js index be317b4..fde88df 100644 --- a/lib/compilers/babel.js +++ b/lib/compilers/babel.js @@ -5,8 +5,8 @@ var assign = require('object-assign') var ensureRequire = require('../ensure-require') var defaultBabelOptions = { - presets: ['es2015'], - plugins: ['transform-runtime'] + presets: ['@babel/preset-env'], + plugins: ['@babel/plugin-transform-runtime'] } var babelRcPath = path.resolve(process.cwd(), '.babelrc') @@ -27,7 +27,7 @@ function getBabelRc () { module.exports = function (raw, cb, compiler, filePath) { if ((compiler.options.babel || babelOptions) === defaultBabelOptions) { try { - ensureRequire('babel', ['babel-preset-es2015', 'babel-runtime', 'babel-plugin-transform-runtime']) + ensureRequire('babel', ['@babel/preset-env', '@babel/plugin-transform-runtime']) } catch (e) { console.error(e.message) console.error( @@ -39,7 +39,7 @@ module.exports = function (raw, cb, compiler, filePath) { } try { - var babel = require('babel-core') + var babel = require('@babel/core') var options = assign({ comments: false, filename: filePath, diff --git a/package.json b/package.json index c1caee7..141575c 100644 --- a/package.json +++ b/package.json @@ -25,22 +25,22 @@ "convert-source-map": "^1.2.0", "cssnano": "^3.3.2", "hash-sum": "^1.0.2", + "json5": "^0.5.1", "lru-cache": "^4.0.0", "object-assign": "^4.0.1", "postcss": "^5.0.10", "postcss-selector-parser": "^2.0.0", "source-map": "^0.5.6", "through": "^2.3.6", - "json5": "^0.5.1", "vue-hot-reload-api": "^2.0.1", "vue-template-compiler": "^2.0.0-alpha.8", "vue-template-es2015-compiler": "^1.2.2" }, "devDependencies": { - "babel-core": "^6.0.0", - "babel-plugin-transform-runtime": "^6.0.0", - "babel-preset-es2015": "^6.0.0", - "babel-runtime": "^6.0.0", + "@babel/core": "^7.0.0", + "@babel/plugin-transform-runtime": "^7.0.0", + "@babel/preset-env": "^7.0.0", + "@babel/runtime": "^7.0.0", "browserify": "^13.0.1", "chai": "^3.5.0", "coffee-script": "^1.10.0",