Coder Social home page Coder Social logo

template's Introduction

webpack/template

Scaffolding for webpack wep apps.

Features:

  • Create web apps by scaffolding.
  • Update scaffolded web app if the template updates.
  • Include development server for just-in-time compiling (just edit the source and update your browser).
  • Includes all webpack features: Just require any resource (css, less, coffee, png).
  • Also supports a node.js Server. It is enhanced with enhanced-require, so you can use webpack features in node.
  • Supports hot code replacement on server side.
  • Install webpack-template-modules, which add some stuff to the template
  • i. e. jQuery, bootstrap, etc.
> npm install wpt -g

> wpt create
appName: my-test-app
author: Your Name
...

> cd my-test-app

> npm install

> wpt install webpack/jquery-wpt-module
Installing jquery wpt-module...
Done.

> wpt enable nodeServer
Done.
...

> dev-server

> publish
...

> server

template's People

Contributors

sokra avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

template's Issues

TypeError: Object #<MuteStream> has no method 'cursorTo'

Running into this on cloud9ide

Bottom Terminal:

author (Your Name): Phoscur
nodeServer (Add node.js Server):
readline.js:187
  this.output.cursorTo(0);
^
TypeError: Object #<MuteStream> has no method 'cursorTo'
    at Interface._refreshLine (readline.js:187:15)

New Terminal:

I need some options for your web app:                                                                                                                                                                                                    

readline.js:98                                                                                                                                                                                                                           
    var winSize = output.getWindowSize();                                                                                                                                                                                                
                         ^                                                                                                                                                                                                               
TypeError: Object #<MuteStream> has no method 'getWindowSize'                                                                                        
    at new Interface (readline.js:98:26)

Probably not exactly a wpt problem (more like a c9 one), but it still makes wpt unusable on c9.

does wpt support webpack 0.8.0-beta1

Hi @sokra

wpt is still using enhanced-require 3 and webpack 0.7.x.

Are there plans to upgrade to enhanced-require 4 and webpack 0.8.0-beta1.

I have tried to upgrade myself by changing the package.json versions, but without success ...

running dev-server.sh always reports: Error: Module "./index.jade" not found in context
somehow enhanced-require is not working ...

Any ideas on how I can upgrade to the latest version asap.

regards,

Karl

Error in wpt tutorial

Hi @sokra

Trying the latest greatest wpt.
When running throught the tutorial, after requiring bootstrap, I got the following error:

ERROR: Cannot find module 'style!css!val/cacheable!less!./bootstrap-styles!../../../app/bootstrap.config'
 Error: Error: Module "val/cacheable" not found in context "/Users/karlvanrompaey/Documents/apps/experiments/test_wpt/app1/_template/modules/bootstrap"
  Error: /Users/karlvanrompaey/Documents/apps/experiments/test_wpt/app1/node_modules/webpack/buildin/val-webpack-web-loader/cacheable is not a directory
 @ /Users/karlvanrompaey/Documents/apps/experiments/test_wpt/app1/_template/modules/bootstrap/index.js (line 1, column 0)

Seems that webpack generates this error on the first line of _templates/modules/bootstrap/index.js

When I change this line from

require("style!css!val/cacheable!less!./bootstrap-styles!../../../app/bootstrap.config");

to

require("style!css!val!less!./bootstrap-styles!../../../app/bootstrap.config");

OR

require("style!css!val?cacheable!less!./bootstrap-styles!../../../app/bootstrap.config");

everything works fine.

I gues this might be a bug in bootstrap-wt-module ?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.