sprockets-node-example

KO | EN

gitlite — search

#hacktoberfest #typescript #rust #deep-learning #linux #docker #macos #java #nodejs #windows #awesome-list #security #openai #open-source

sprockets-node-example

(★ 12)

An example Rails app showing how to integrate Sprockets with a Node asset pipeline.

sprockets-node-example 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Sprockets-Node Example

An example Rails app showing how to integrate Sprockets with a Node.js-based asset
pipeline, using Browserify.

## Installation

First, clone the repo somewhere locally:

$ git clone git@github.com:spikebrehm/sprockets-node-example.git

Then, run `bundle install` and `npm install` to install Ruby and JavaScript dependencies:

$ bundle install
    $ npm install

Now you should be able to to run the Rails server:

$ rails server

Check out the app running at `http://localhost:3000`.

## Usage

This Rails app is a simple implementation of the [TodoMVC Backbone app](https://github.com/tastejs/todomvc/tree/gh-pages/examples/backbone).

![screenshot](https://s3.amazonaws.com/f.cl.ly/items/1e1x1s1t3N0i3N213t1T/Screen%20Shot%202015-02-09%20at%208.41.45%20AM.png)

We've implemented two different versions of the TodoMVC Backbone app:

1. The default TodoMVC code, using Sprockets to manage the JavaScript assets (`http://localhost:3000`).
2. The TodoMVC code refactored to use CommonJS to manage the JavaScript assets (`http://localhost:3000/commonjs`).

## How it works

### Tilt Template
We built a custom [Tilt](https://github.com/rtomayko/tilt) template to handle the file extension `.bundle.js`, which we'll use to indicate CommonJS bundles. We've called our Tilt template `BrowserifyTemplate`, and it lives at [`lib/browserify_template.rb`](https://github.com/spikebrehm/sprockets-node-example/blob/master/lib/browserify_template.rb).

### Browserify commandline script
The `BrowserifyTemplate` shells out on the commandline to a Node.js script that takes the path to a `.bundle.js` file, calls Browserify, and returns the output as STDOUT.  See [`script/assets/tasks/bundle.js`](https://github.com/spikebrehm/sprockets-node-example/blob/master/script/assets/tasks/bundle.js).

$ ./script/assets/tasks/bundle.js --path app/assets/javascripts/commonjs/manifest.bundle.js

`BrowserifyTemplate` captures the STDOUT output and hands it back to Sprockets to manage.

sprockets-node-example

sprockets-node-example 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

sprockets-node-example

sprockets-node-example 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README