Simpacker

Simpacker provides the feature to integrate modern JavaScript build system with Rails, like a webpacker.

Installation

Create a new rails application without webpacker.

$ rails new myapp --skip-javascript

Add this line to your application's Gemfile:

gem 'simpacker'

Run the following to install Simpacker:

$ rails simpacker:install

Add javascript_pack_tag in view.

<%= javascript_pack_tag 'application' %>

Run the folloing command to build JavaScript.

$ ./node_modules/.bin/webpack --watch

Examples

• Webpack settings
  • webpack-dev-server
  • Multiple Entry Point
  • Split Chunks
• Transpilers
  • TypeScript
  • Babel
• Style Sheets
  • CSS
  • Sass
  • PostCSS
• Frameworks
  • React(TypeScript)
  • React(Babel)
  • Vue.js
  • Angular
• Deployment
  • CDN
  • Heroku
  • Docker
• Advanced settings
  • Rails Engines
• Bundler
  • Parcel

VS. Webpacker

Webpacker is a great product that you can easily use webpack without knowing it. It also provides many useful features. The difficulty with Webpacker is that you need to configure webpack via webpacker's own DSL and webpacker.yml. If you know how to configure webpack, you need to convert it to webpacker configuration. I want to edit webpack.config.js directly!

Simpacker provides only minimal features that lookup the manifest.json output by webpack and a create script tag through javascript_pack_tag. You need to know about webpack, but there is little to know about Simpacker.

However, some useful features of Webpacker, such as yarn integrity and compilation on request, are not available in Simpacker.

Deployment

Simpacker does not provide feature for deployment. Just run the following command at deployment.

$ npm install
$ NODE_ENV=production ./node_modules/.bin/webpack

See also: CDN, Heroku, Docker

Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/hokaccha/simpacker.

License

The gem is available as open source under the terms of the MIT License.