webpacker-react 0.3.2 → 1.0.0.beta.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: fd82216b4881dd69bb037b341705bd2dc5fd931c
-  data.tar.gz: 9d64980d6e77a94222f82cac5b5e654ccc1fb174
+SHA256:
+  metadata.gz: 930b01c3e56e79e4a3bc2a9044f876b39802b1029e40dc5e834460caafe0b481
+  data.tar.gz: 22ba3c95472fb5959268db7d5c60a3e622dd6c578ef5633075de6f27aabd0b89
 SHA512:
-  metadata.gz: 85db2e8f30ba255e74f611aaff2ae0c30f80306c6e820af1b6dd26643d553fdcd8607a1b481f01ea168dc38cf424778e8253324ac0becf690cf9b7978d8faeeb
-  data.tar.gz: 1642380cb0cc1d225bfe475198b2fe38d4a2d9615731aefd20dfb1cbfdd1f94849a162f8d716b3fc080f6f126374304fbc3a631b1caf838fd47d1870f4ac9748
+  metadata.gz: 40feed327e3343148088b78ff4a09859abedb834287ce4dc90036c0089b391de4efe7a0b33e353a97f433ee7b216594e18e13f2394d431e5b25dee8f5c2905a7
+  data.tar.gz: 45f3d6733482d021e750afaa21093cd84b1f4f49d1a71a468b93ce18e7320729a7c4280d33c62209e1d196ac9aca184995ca7302e43eeed661764e7491852ba8

data/.circleci/config.yml

@@ -0,0 +1,32 @@
+version: 2
+jobs:
+  build:
+    working_directory: ~/webpacker-react
+    docker:
+      - image: circleci/ruby:2.4.3-node-browsers
+        environment:
+          RAILS_ENV: test
+    steps:
+      - checkout
+
+      # Install dependencies
+      - run:
+          name: bundle install
+          command: bundle install --path=vendor/bundle --jobs=4 --retry=3
+      - run:
+          command: yarn
+          pwd: javascript/webpacker_react-npm-module
+      - run:
+          command: yarn
+          pwd: javascript/webpacker_react-npm-module/dist
+
+      # Lint
+      - run:
+          command: yarn lint
+          pwd: javascript/webpacker_react-npm-module
+      - run:
+          command: bundle exec rubocop
+
+      # Tests
+      - run:
+          command: bundle exec rake test

data/.rubocop.yml

@@ -1,5 +1,5 @@
 AllCops:
-  TargetRubyVersion: 2.2
+  TargetRubyVersion: 2.3
   # RuboCop has a bunch of cops enabled by default. This setting tells RuboCop
   # to ignore them, so only the ones explicitly set in this file are enabled.
   DisabledByDefault: true
@@ -17,23 +17,23 @@ Style/BracesAroundHashParameters:
   Enabled: true
 
 # Align `when` with `case`.
-Style/CaseIndentation:
+Layout/CaseIndentation:
   Enabled: true
 
 # Align comments with method definitions.
-Style/CommentIndentation:
+Layout/CommentIndentation:
   Enabled: true
 
 # No extra empty lines.
-Style/EmptyLines:
+Layout/EmptyLines:
   Enabled: true
 
 # In a regular class definition, no empty lines around the body.
-Style/EmptyLinesAroundClassBody:
+Layout/EmptyLinesAroundClassBody:
   Enabled: true
 
 # In a regular module definition, no empty lines around the body.
-Style/EmptyLinesAroundModuleBody:
+Layout/EmptyLinesAroundModuleBody:
   Enabled: true
 
 # Use Ruby >= 1.9 syntax for hashes. Prefer { a: :b } over { :a => :b }.
@@ -42,30 +42,30 @@ Style/HashSyntax:
 
 # Method definitions after `private` or `protected` isolated calls need one
 # extra level of indentation.
-Style/IndentationConsistency:
+Layout/IndentationConsistency:
   Enabled: true
-  EnforcedStyle: rails
+  EnforcedStyle: indented_internal_methods
 
 # Two spaces, no tabs (for indentation).
-Style/IndentationWidth:
+Layout/IndentationWidth:
   Enabled: true
 
-Style/SpaceAfterColon:
+Layout/SpaceAfterColon:
   Enabled: true
 
-Style/SpaceAfterComma:
+Layout/SpaceAfterComma:
   Enabled: true
 
-Style/SpaceAroundEqualsInParameterDefault:
+Layout/SpaceAroundEqualsInParameterDefault:
   Enabled: true
 
-Style/SpaceAroundKeyword:
+Layout/SpaceAroundKeyword:
   Enabled: true
 
-Style/SpaceAroundOperators:
+Layout/SpaceAroundOperators:
   Enabled: true
 
-Style/SpaceBeforeFirstArg:
+Layout/SpaceBeforeFirstArg:
     Enabled: true
 
 # Defining a method with parameters needs parentheses.
@@ -73,18 +73,18 @@ Style/MethodDefParentheses:
   Enabled: true
 
 # Use `foo {}` not `foo{}`.
-Style/SpaceBeforeBlockBraces:
+Layout/SpaceBeforeBlockBraces:
   Enabled: true
 
 # Use `foo { bar }` not `foo {bar}`.
-Style/SpaceInsideBlockBraces:
+Layout/SpaceInsideBlockBraces:
   Enabled: true
 
 # Use `{ a: 1 }` not `{a:1}`.
-Style/SpaceInsideHashLiteralBraces:
+Layout/SpaceInsideHashLiteralBraces:
   Enabled: true
 
-Style/SpaceInsideParens:
+Layout/SpaceInsideParens:
   Enabled: true
 
 # Check quotes usage according to lint rule below.
@@ -93,15 +93,15 @@ Style/StringLiterals:
   EnforcedStyle: double_quotes
 
 # Detect hard tabs, no hard tabs.
-Style/Tab:
+Layout/Tab:
   Enabled: true
 
 # Blank lines should not have any spaces.
-Style/TrailingBlankLines:
+Layout/TrailingBlankLines:
   Enabled: true
 
 # No trailing whitespace.
-Style/TrailingWhitespace:
+Layout/TrailingWhitespace:
   Enabled: true
 
 # Use quotes for string literals when they are enough.

data/CHANGELOG.md

@@ -6,6 +6,21 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [Unreleased]
 
+## [1.0.0-beta.1]
+
+### Added
+- Instructions to set up `react-hot-loader` 4 (fixed #51)
+
+### Updated
+- Instructions for setting up `webpacker-react` with a modern Webpacker version
+
+### Changed
+- Tests now uses headless chrome instead of Poltergeist
+- Babel is configured with `babel-preset-env`
+
+### Removed
+- Support for `react-hot-loader`. Please look at the README for instructions on how to use `react-hot-loader` 4 with your app, it is much simpler and better!
+
 ## [0.3.2] - 2017-09-13
 
 ### Fixed
@@ -39,7 +54,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 - render React components from controllers using `render react_component: 'name'` (#1 by @daninfpj)
 - basic Hot Module Remplacement (#7 by @mfazekas)
 
-[Unreleased]: https://github.com/renchap/webpacker-react/compare/v0.3.2...HEAD
+[Unreleased]: https://github.com/renchap/webpacker-react/compare/v1.0.0-beta.1...HEAD
+[1.0.0-beta.1]: https://github.com/renchap/webpacker-react/tree/v1.0.0-beta.1
 [0.3.2]: https://github.com/renchap/webpacker-react/tree/v0.3.2
 [0.3.1]: https://github.com/renchap/webpacker-react/tree/v0.3.1
 [0.3.0]: https://github.com/renchap/webpacker-react/tree/v0.3.0

data/Gemfile

@@ -1,8 +1,9 @@
 source "https://rubygems.org"
 
 gem "rubocop", ">= 0.47", require: false
-gem "rails", "~> 5.1.1"
-gem "webpacker", "~> 2.0.0"
+gem "rails", "~> 5.2.0"
+gem "webpacker", "~> 4.0.0"
+gem "puma", "~> 4.0"
 
 # Specify your gem's dependencies in webpacker-react.gemspec
 gemspec

data/Gemfile.lock

@@ -1,145 +1,162 @@
 PATH
   remote: .
   specs:
-    webpacker-react (0.3.2)
+    webpacker-react (0.4.0)
       webpacker
 
 GEM
   remote: https://rubygems.org/
   specs:
-    actioncable (5.1.1)
-      actionpack (= 5.1.1)
+    actioncable (5.2.3)
+      actionpack (= 5.2.3)
       nio4r (~> 2.0)
-      websocket-driver (~> 0.6.1)
-    actionmailer (5.1.1)
-      actionpack (= 5.1.1)
-      actionview (= 5.1.1)
-      activejob (= 5.1.1)
+      websocket-driver (>= 0.6.1)
+    actionmailer (5.2.3)
+      actionpack (= 5.2.3)
+      actionview (= 5.2.3)
+      activejob (= 5.2.3)
       mail (~> 2.5, >= 2.5.4)
       rails-dom-testing (~> 2.0)
-    actionpack (5.1.1)
-      actionview (= 5.1.1)
-      activesupport (= 5.1.1)
+    actionpack (5.2.3)
+      actionview (= 5.2.3)
+      activesupport (= 5.2.3)
       rack (~> 2.0)
-      rack-test (~> 0.6.3)
+      rack-test (>= 0.6.3)
       rails-dom-testing (~> 2.0)
       rails-html-sanitizer (~> 1.0, >= 1.0.2)
-    actionview (5.1.1)
-      activesupport (= 5.1.1)
+    actionview (5.2.3)
+      activesupport (= 5.2.3)
       builder (~> 3.1)
       erubi (~> 1.4)
       rails-dom-testing (~> 2.0)
       rails-html-sanitizer (~> 1.0, >= 1.0.3)
-    activejob (5.1.1)
-      activesupport (= 5.1.1)
+    activejob (5.2.3)
+      activesupport (= 5.2.3)
       globalid (>= 0.3.6)
-    activemodel (5.1.1)
-      activesupport (= 5.1.1)
-    activerecord (5.1.1)
-      activemodel (= 5.1.1)
-      activesupport (= 5.1.1)
-      arel (~> 8.0)
-    activesupport (5.1.1)
+    activemodel (5.2.3)
+      activesupport (= 5.2.3)
+    activerecord (5.2.3)
+      activemodel (= 5.2.3)
+      activesupport (= 5.2.3)
+      arel (>= 9.0)
+    activestorage (5.2.3)
+      actionpack (= 5.2.3)
+      activerecord (= 5.2.3)
+      marcel (~> 0.3.1)
+    activesupport (5.2.3)
       concurrent-ruby (~> 1.0, >= 1.0.2)
-      i18n (~> 0.7)
+      i18n (>= 0.7, < 2)
       minitest (~> 5.1)
       tzinfo (~> 1.1)
-    addressable (2.5.0)
-      public_suffix (~> 2.0, >= 2.0.2)
-    arel (8.0.0)
-    ast (2.3.0)
+    addressable (2.6.0)
+      public_suffix (>= 2.0.2, < 4.0)
+    arel (9.0.0)
+    ast (2.4.0)
     builder (3.2.3)
-    capybara (2.12.0)
+    capybara (3.25.0)
       addressable
-      mime-types (>= 1.16)
-      nokogiri (>= 1.3.3)
-      rack (>= 1.0.0)
-      rack-test (>= 0.5.4)
-      xpath (~> 2.0)
-    cliver (0.3.2)
-    concurrent-ruby (1.0.5)
-    erubi (1.6.0)
-    globalid (0.4.0)
+      mini_mime (>= 0.1.3)
+      nokogiri (~> 1.8)
+      rack (>= 1.6.0)
+      rack-test (>= 0.6.3)
+      regexp_parser (~> 1.5)
+      xpath (~> 3.2)
+    childprocess (1.0.1)
+      rake (< 13.0)
+    concurrent-ruby (1.1.5)
+    crass (1.0.4)
+    erubi (1.8.0)
+    globalid (0.4.2)
       activesupport (>= 4.2.0)
-    i18n (0.8.1)
-    loofah (2.0.3)
+    i18n (1.6.0)
+      concurrent-ruby (~> 1.0)
+    jaro_winkler (1.5.3)
+    loofah (2.2.3)
+      crass (~> 1.0.2)
       nokogiri (>= 1.5.9)
-    mail (2.6.5)
-      mime-types (>= 1.16, < 4)
-    method_source (0.8.2)
-    mime-types (3.1)
-      mime-types-data (~> 3.2015)
-    mime-types-data (3.2016.0521)
-    mini_portile2 (2.1.0)
-    minitest (5.10.1)
-    multi_json (1.12.1)
-    nio4r (2.0.0)
-    nokogiri (1.7.0.1)
-      mini_portile2 (~> 2.1.0)
-    parser (2.4.0.0)
-      ast (~> 2.2)
-    poltergeist (1.13.0)
-      capybara (~> 2.1)
-      cliver (~> 0.3.1)
-      websocket-driver (>= 0.2.0)
-    powerpack (0.1.1)
-    public_suffix (2.0.5)
-    rack (2.0.1)
-    rack-test (0.6.3)
-      rack (>= 1.0)
-    rails (5.1.1)
-      actioncable (= 5.1.1)
-      actionmailer (= 5.1.1)
-      actionpack (= 5.1.1)
-      actionview (= 5.1.1)
-      activejob (= 5.1.1)
-      activemodel (= 5.1.1)
-      activerecord (= 5.1.1)
-      activesupport (= 5.1.1)
-      bundler (>= 1.3.0, < 2.0)
-      railties (= 5.1.1)
+    mail (2.7.1)
+      mini_mime (>= 0.1.1)
+    marcel (0.3.3)
+      mimemagic (~> 0.3.2)
+    method_source (0.9.2)
+    mimemagic (0.3.3)
+    mini_mime (1.0.2)
+    mini_portile2 (2.4.0)
+    minitest (5.11.3)
+    nio4r (2.4.0)
+    nokogiri (1.10.3)
+      mini_portile2 (~> 2.4.0)
+    parallel (1.17.0)
+    parser (2.6.3.0)
+      ast (~> 2.4.0)
+    public_suffix (3.1.1)
+    puma (4.0.0)
+      nio4r (~> 2.0)
+    rack (2.0.7)
+    rack-proxy (0.6.5)
+      rack
+    rack-test (1.1.0)
+      rack (>= 1.0, < 3)
+    rails (5.2.3)
+      actioncable (= 5.2.3)
+      actionmailer (= 5.2.3)
+      actionpack (= 5.2.3)
+      actionview (= 5.2.3)
+      activejob (= 5.2.3)
+      activemodel (= 5.2.3)
+      activerecord (= 5.2.3)
+      activestorage (= 5.2.3)
+      activesupport (= 5.2.3)
+      bundler (>= 1.3.0)
+      railties (= 5.2.3)
       sprockets-rails (>= 2.0.0)
     rails-dom-testing (2.0.3)
       activesupport (>= 4.2.0)
       nokogiri (>= 1.6)
-    rails-html-sanitizer (1.0.3)
-      loofah (~> 2.0)
-    railties (5.1.1)
-      actionpack (= 5.1.1)
-      activesupport (= 5.1.1)
+    rails-html-sanitizer (1.0.4)
+      loofah (~> 2.2, >= 2.2.2)
+    railties (5.2.3)
+      actionpack (= 5.2.3)
+      activesupport (= 5.2.3)
       method_source
       rake (>= 0.8.7)
-      thor (>= 0.18.1, < 2.0)
-    rainbow (2.2.1)
-    rake (10.5.0)
-    rubocop (0.47.1)
-      parser (>= 2.3.3.1, < 3.0)
-      powerpack (~> 0.1)
-      rainbow (>= 1.99.1, < 3.0)
+      thor (>= 0.19.0, < 2.0)
+    rainbow (3.0.0)
+    rake (12.3.2)
+    regexp_parser (1.5.1)
+    rubocop (0.72.0)
+      jaro_winkler (~> 1.5.1)
+      parallel (~> 1.10)
+      parser (>= 2.6)
+      rainbow (>= 2.2.2, < 4.0)
       ruby-progressbar (~> 1.7)
-      unicode-display_width (~> 1.0, >= 1.0.1)
-    ruby-progressbar (1.8.1)
-    sprockets (3.7.1)
+      unicode-display_width (>= 1.4.0, < 1.7)
+    ruby-progressbar (1.10.1)
+    rubyzip (1.2.3)
+    selenium-webdriver (3.142.3)
+      childprocess (>= 0.5, < 2.0)
+      rubyzip (~> 1.2, >= 1.2.2)
+    sprockets (3.7.2)
       concurrent-ruby (~> 1.0)
       rack (> 1, < 3)
-    sprockets-rails (3.2.0)
+    sprockets-rails (3.2.1)
       actionpack (>= 4.0)
       activesupport (>= 4.0)
       sprockets (>= 3.0.0)
-    thor (0.19.4)
+    thor (0.20.3)
     thread_safe (0.3.6)
-    tzinfo (1.2.3)
+    tzinfo (1.2.5)
       thread_safe (~> 0.1)
-    unicode-display_width (1.1.3)
-    webpacker (2.0)
+    unicode-display_width (1.6.0)
+    webpacker (4.0.7)
       activesupport (>= 4.2)
-      multi_json (~> 1.2)
+      rack-proxy (>= 0.6.1)
       railties (>= 4.2)
-    websocket-driver (0.6.5)
+    websocket-driver (0.7.1)
       websocket-extensions (>= 0.1.0)
-    websocket-extensions (0.1.2)
-    xpath (2.0.0)
-      nokogiri (~> 1.3)
+    websocket-extensions (0.1.4)
+    xpath (3.2.0)
+      nokogiri (~> 1.8)
 
 PLATFORMS
   ruby
@@ -148,12 +165,13 @@ DEPENDENCIES
   bundler (~> 1.13)
   capybara
   minitest (~> 5.0)
-  poltergeist
-  rails (~> 5.1.1)
-  rake (~> 10.0)
+  puma (~> 4.0)
+  rails (~> 5.2.0)
+  rake (~> 12.0)
   rubocop (>= 0.47)
-  webpacker (~> 2.0.0)
+  selenium-webdriver
+  webpacker (~> 4.0.0)
   webpacker-react!
 
 BUNDLED WITH
-   1.15.4
+   1.17.2

data/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Renaud Chaput
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/README.md

@@ -1,6 +1,6 @@
 # Webpacker-React [![CircleCI](https://circleci.com/gh/renchap/webpacker-react.svg?style=svg)](https://circleci.com/gh/renchap/webpacker-react)
 
-*__Note:__ This is the documentation for the Git master branch. Documentation for the latest release (0.3.2) is [available here](https://github.com/renchap/webpacker-react/tree/v0.3.2).*
+*__Note:__ This is the documentation for the Git master branch. Documentation for the latest release (1.0.0-beta.1) is [available here](https://github.com/renchap/webpacker-react/tree/v0.3.2).*
 
 Webpacker-React makes it easy to use [React](https://facebook.github.io/react/) with [Webpacker](https://github.com/rails/webpacker) in your Rails applications.
 
@@ -15,7 +15,7 @@ Your Rails application needs to use Webpacker and have the React integration don
 First, you need to add the webpacker-react gem to your Rails app Gemfile:
 
 ```ruby
-gem 'webpacker-react', "~> 0.3.2"
+gem 'webpacker-react', "~> 1.0.0.beta.1"
 ```
 
 Once done, run `bundle` to install the gem.
@@ -105,79 +105,45 @@ You can also pass any of the usual arguments to `render` in this call: `layout`,
 
 ### Hot Module Replacement
 
-[HMR](https://webpack.js.org/guides/hmr-react/) allows to reload / add / remove modules live in the browser without
+[HMR](https://webpack.js.org/concepts/hot-module-replacement/) allows to reload / add / remove modules live in the browser without
 reloading the page. This allows any change you make to your React components to be applied as soon as you save,
 preserving their current state.
 
-First, install `react-hot-loader` (version 3):
+1. install `react-hot-loader` (version 4):
+      ```
+      ./bin/yarn add react-hot-loader@4
+      ```
 
-```
-./bin/yarn add react-hot-loader@beta
-```
-
-You then need to update your Webpack config.
+2. update your Babel or Webpack config. We provide a convenience function to add the necessary changes to your config if it's not significantly different than the standard Webpacker config:
+      ```js
+      // config/webpack/development.js
+      // This assumes Webpacker 3+
 
-We provide a convenience function to add the necessary changes to your config if it's not
-significantly different than the standard Webpacker config:
+      const environment = require("./environment")
+      const webpackerReactconfigureHotModuleReplacement = require('webpacker-react/configure-hot-module-replacement')
 
-```js
-//development.js
-...
+      const config = environment.toWebpackConfig()
 
-const sharedConfig = require('./shared.js')
-const configureHotModuleReplacement = require('webpacker-react/configure-hot-module-replacement')
+      module.exports = webpackerReactconfigureHotModuleReplacement(config)
+      ```
 
-module.exports = merge(configureHotModuleReplacement(sharedConfig), ...)
-```
-
-If you need to change your configuration manually:
-
-1. add `react-hot-loader/babel` to your `babel-loader` rules:
-    ```javascript
-    {
-    module: {
-      rules: [
-        {
-          test: /\.jsx?(.erb)?$/,
-          exclude: /node_modules/,
-          loader: 'babel-loader',
-          options: {
-            plugins: ['react-hot-loader/babel']
-          }
-        }
-    }
-    ```
+      If you prefer to do it manually, you need to add `react-hot-loader/babel` in your Babel plugins (in your `.babelrc` or `.babelrc.js`). You can include it only for development.
 
-2. prepend `react-hot-loader/patch` to your entries:
-    ```javascript
-    {
-      entry:
-        { application: [ 'react-hot-loader/patch', '../app/javascript/packs/application.js' ],
-        ...
-    }
-    ```
+3. once Babel is configured, `webpack-dev-server` needs to be set up for HMR. This is easy, just switch `hmr: true` in your `webpacker.yml` for development!
 
-3. you now need to use `webpack-dev-server` (in place of `webpack` or `webpack-watcher`). Make sure the following line is in your development.rb:
-    ```ruby
-    config.x.webpacker[:dev_server_host] = 'http://localhost:8080/'
-    ```
-and start `webpack-dev-server` in hot replacement mode:
-    ```
-    ./bin/webpack-dev-server --hot
-    ```
+4. you now need to use `webpack-dev-server` (in place of `webpack` or `webpack-watcher`).
 
-4. finally opt in to HMR from your pack files:
+5. finally, enable React Hot Loader for your root components (the ones you register with `WebpackerReact.setup`):
     ```es6
-    import SomeRootReactComponent from 'components/some-root-react-component'
-    import WebpackerReact from 'webpacker-react/hmr'
+    // For example in app/javascripts/components/hello.js
+    import React from 'react'
+    import { hot } from 'react-hot-loader'
 
-    WebpackerReact.setup({SomeRootReactComponent})
-    if (module.hot)
-      module.hot.accept('components/some-root-react-component', () =>
-        WebpackerReact.renderOnHMR(SomeRootReactComponent) )
-    ```
+    const Hello = () => <div>Hello World!</div>
 
-You also need to ensure that `output.publicPath` are correctly set. This should be already handled by Webpacker.
+    // This is the important line!
+    export default hot(module)(Hello)
+    ```
 
 ## Development
 

data/Rakefile

@@ -27,7 +27,7 @@ namespace :example_app do
 
   desc "Runs webpack in test/example_app"
   task webpack: :yarn do
-    sh "cd test/example_app && NODE_ENV=test ./bin/webpack"
+    sh "cd test/example_app && RAILS_ENV=test ./bin/webpack"
   end
 end
 

data/javascript/webpacker_react-npm-module/.babelrc

@@ -0,0 +1,7 @@
+{
+  "presets": [["env", {
+    "targets": {
+      "browsers": ["> 1%", "last 2 versions"]
+    }
+  }]]
+}