stealjs / quick-start

StealJS quick start app

StealJS Quick Start

This repo is the result of following the step-by-step instructions in the StealJS Quick Start Guide. You can follow that guide to create this example app from scratch.

Instructions

Prerequisites:

• Install Node.js and npm.
• Set up a web server. If you don’t have one, you can install this simple command-line http-server.

Clone

Clone the repo.

git clone [email protected]:stealjs/quick-start.git

Install

Install Node modules

cd quick-start
npm install

Build

Run the following command to create a new folder in the project called dist.

npm run build

The dist folder contains everything needed to run your app in production.

Serve

Spin up your web server or run http-server:

http-server

Open file http://localhost:8080/index.html in browser.

Open the Network panel in Developer Tools and you should see only two JavaScript files. The steal-tools grunt task builds a graph of the required files, minifies and concatenates all the scripts into main.js.

quick-start's Issues

Just started the project an 404 js

[Sun Jan 08 2017 23:04:20 GMT+0200 (FLE Standard Time)] "GET /dist/bundles/index.js" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36"
[Sun Jan 08 2017 23:04:20 GMT+0200 (FLE Standard Time)] "GET /dist/bundles/index.js" Error (404): "Not found"

the file is created in a different location
dist/bundles/stealjs/index.js

How to not include CDN jquery in the production bundle?

I wish to load jquery from CDN and not include it in the bundle. Is it possible? and how?

System.config({
  "main": "main",
  "paths": {
    "jquery": "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js",
  }
})