From 1bc4cd93d7bc77b727ca9954589dea4b04b34e65 Mon Sep 17 00:00:00 2001 From: Stanislav Sysoev Date: Wed, 21 Sep 2016 12:03:29 +0300 Subject: [PATCH] feat(babel): Move to "latest" preset --- README.md | 4 ++-- lib/webpack-config-dev.js | 2 +- lib/webpack-config-prod.js | 2 +- package.json | 2 +- src/lib/webpack-config-dev.js | 2 +- src/lib/webpack-config-prod.js | 2 +- 6 files changed, 7 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index 04e5e1e..b2e687e 100644 --- a/README.md +++ b/README.md @@ -79,11 +79,11 @@ aik index.js -r # option for enabling react hot loading ### Latest and Greatest technologies for frontend development -There are (an opinionated) set of technologies that will help you prototype faster and use greatest new features from ES2015 and ES2016 (soon). +There are (an opinionated) set of technologies that will help you prototype faster. Aik uses [preset-latest](http://babeljs.io/docs/plugins/preset-latest/) for babel which contain all yearly presets. And also you don't have to worry about all these messy prefixes in CSS because there is an autoprefixer which will do it for you. Moreover, there is a little bit of syntactic sugar over CSS provided by terrific PostCSS and PreCSS. -* Modern javascript with [Babel](https://babeljs.io/) using [ES2015](http://babeljs.io/docs/plugins/preset-es2015/) and [React](http://babeljs.io/docs/plugins/preset-react/) presets +* Modern javascript with [Babel](https://babeljs.io/) using [Latest](http://babeljs.io/docs/plugins/preset-latest/) and [React](http://babeljs.io/docs/plugins/preset-react/) presets * [PostCSS](https://github.com/postcss/postcss) with [Autoprefixer](https://github.com/postcss/autoprefixer) and [PreCSS](https://github.com/jonathantneal/precss) * [Optional] — [css-modules](https://github.com/css-modules/css-modules) diff --git a/lib/webpack-config-dev.js b/lib/webpack-config-dev.js index de388d0..23fdd63 100644 --- a/lib/webpack-config-dev.js +++ b/lib/webpack-config-dev.js @@ -104,7 +104,7 @@ function setupPlugins(template) { * @return {Object[]} */ function setupLoaders(cssmodules, react) { - var jsLoaders = [require.resolve('babel-loader') + '?presets[]=' + require.resolve('babel-preset-react') + ',presets[]=' + require.resolve('babel-preset-es2015') + '&cacheDirectory']; + var jsLoaders = [require.resolve('babel-loader') + '?presets[]=' + require.resolve('babel-preset-react') + ',presets[]=' + require.resolve('babel-preset-latest') + '&cacheDirectory']; if (react) { jsLoaders.unshift(require.resolve('react-hot-loader')); diff --git a/lib/webpack-config-prod.js b/lib/webpack-config-prod.js index ad87ea4..0f0d7b6 100644 --- a/lib/webpack-config-prod.js +++ b/lib/webpack-config-prod.js @@ -124,7 +124,7 @@ function setupPlugins(template) { * @return {Object[]} */ function setupLoaders(cssmodules) { - var babelLoader = [require.resolve('babel-loader'), '?presets[]=' + require.resolve('babel-preset-react'), ',presets[]=' + require.resolve('babel-preset-es2015')]; + var babelLoader = [require.resolve('babel-loader'), '?presets[]=' + require.resolve('babel-preset-react'), ',presets[]=' + require.resolve('babel-preset-latest')]; var jsLoaders = [babelLoader.join('')]; var cssLoaders = [require.resolve('css-loader') + (cssmodules ? '?modules&importLoaders=1' : ''), require.resolve('postcss-loader')]; diff --git a/package.json b/package.json index 1f9c7a4..a8dbd22 100644 --- a/package.json +++ b/package.json @@ -59,7 +59,7 @@ "babel-core": "^6.14.0", "babel-eslint": "^6.1.2", "babel-loader": "^6.2.5", - "babel-preset-es2015": "^6.14.0", + "babel-preset-latest": "^6.14.0", "babel-preset-react": "^6.11.1", "chalk": "^1.1.3", "css-loader": "^0.25.0", diff --git a/src/lib/webpack-config-dev.js b/src/lib/webpack-config-dev.js index 91aede1..afb1779 100644 --- a/src/lib/webpack-config-dev.js +++ b/src/lib/webpack-config-dev.js @@ -81,7 +81,7 @@ export function setupLoaders(cssmodules, react) { const jsLoaders = [ require.resolve('babel-loader') + '?presets[]=' + require.resolve('babel-preset-react') - + ',presets[]=' + require.resolve('babel-preset-es2015') + + ',presets[]=' + require.resolve('babel-preset-latest') + '&cacheDirectory' ]; diff --git a/src/lib/webpack-config-prod.js b/src/lib/webpack-config-prod.js index 8dbfea4..9a6b7d2 100644 --- a/src/lib/webpack-config-prod.js +++ b/src/lib/webpack-config-prod.js @@ -97,7 +97,7 @@ export function setupLoaders(cssmodules) { const babelLoader = [ require.resolve('babel-loader'), `?presets[]=${require.resolve('babel-preset-react')}`, - `,presets[]=${require.resolve('babel-preset-es2015')}` + `,presets[]=${require.resolve('babel-preset-latest')}` ]; const jsLoaders = [babelLoader.join('')]; const cssLoaders = [