kyleamathews / cjsx-loader Goto Github PK

View Code? Open in Web Editor NEW

53.0 3.0 11.0 14 KB

coffee-react-transform loader module for webpack

Makefile 51.47% JavaScript 48.53%

cjsx-loader's Introduction

coffee-react-transform loader module for Webpack.

Install

npm install cjsx-loader

Usage

Here's a simple webpack.config.js file that you could use. For a more sophisticated/complete example, see my coffee-react-quickstart project.

var path = require('path');
var webpack = require('webpack');

module.exports = {
  entry: [
    "webpack-dev-server/client?http://0.0.0.0:8080",
    './src/scripts/router'
  ],
  devtool: "eval",
  output: {
    path: path.join(__dirname, "public"),
    filename: 'bundle.js'
  },
  resolveLoader: {
    modulesDirectories: ['node_modules']
  },
  resolve: {
    extensions: ['', '.js', '.cjsx', '.coffee']
  },
  module: {
    loaders: [
      { test: /\.cjsx$/, loaders: ['coffee', 'cjsx']},
      { test: /\.coffee$/, loader: 'coffee' }
    ]
  }
};

cjsx-loader's People

Contributors

Stargazers

Watchers

Forkers

mindreframer 0m15 agilgur5 monstrs rechtar ezc dawidjanczak guidupuy arif-hanif kieran

cjsx-loader's Issues

Ternary ops

So I've tried to use cjsx-loader in an existing project. First thing is that I had to remove `s of all components. Then it complained about ternary operators. Do you have any clue how to keep 'em instead of moving them to a method (which in many cases decreases readability)?

CommonChunks - dependency resolution breaks when you use this loader

CommonChunks - dependency resolution breaks when you use this loader, it just includes everything in each chunk. e.g if you require react in two separate entries. it will include react in two separate chunks. Switch the files to just plain JS and it works as expected

Question about CJSX and Coffee

Is there a reason you use coffee-react-transform to turn .cjsx into .coffee, and then do a second transform from .coffee into .js? As opposed to using something like coffee-react which does both together in one step?

cjsx-loader does not parse when being used as loader in Karma and webpack setup

In a karma and webpack setup, karma shows the following warning:

WARNING in ./test/component_spec.cjsx
Module parse failed: /home/ivan/BestMile/testing/coffee-react-karma-webpack-phantomjs/node_modules/cjsx-loader/index.js!/home/ivan/BestMile/testing/coffee-react-karma-webpack-phantomjs/test/component_spec.cjsx Line 1: Unexpected string
You may need an appropriate loader to handle this file type.
| rewire = require 'rewire'
| mockComponent = require './support/mock_component'
| React = require 'react/addons'
 @ ./test _spec$

WARNING in ./test/link_spec.cjsx
Module parse failed: /home/ivan/BestMile/testing/coffee-react-karma-webpack-phantomjs/node_modules/cjsx-loader/index.js!/home/ivan/BestMile/testing/coffee-react-karma-webpack-phantomjs/test/link_spec.cjsx Line 1: Unexpected string
You may need an appropriate loader to handle this file type.
| React = require 'react/addons'
| TestUtils = React.addons.TestUtils
| Link = require '../src/link'
 @ ./test _spec$

WARNING in ./test/nested/button_spec.cjsx
Module parse failed: /home/ivan/BestMile/testing/coffee-react-karma-webpack-phantomjs/node_modules/cjsx-loader/index.js!/home/ivan/BestMile/testing/coffee-react-karma-webpack-phantomjs/test/nested/button_spec.cjsx Line 1: Unexpected string
You may need an appropriate loader to handle this file type.
| React = require 'react/addons'
| TestUtils = React.addons.TestUtils
| Button = require '../../src/nested/button'
 @ ./test _spec$
08 12 2015 16:29:27.342:WARN [karma]: No captured browser, open http://localhost:9876/
08 12 2015 16:29:27.348:INFO [karma]: Karma v0.13.15 server started at http://localhost:9876/
08 12 2015 16:29:27.352:INFO [launcher]: Starting browser PhantomJS
08 12 2015 16:29:27.571:INFO [PhantomJS 1.9.8 (Linux 0.0.0)]: Connected on socket WdOa2N8udaAdoJWqAAAA with id 21165775
PhantomJS 1.9.8 (Linux 0.0.0): Executed 0 of 0 ERROR (0.039 secs / 0 secs)

This does happen when using the coffee-jsx-loader, so I do not think it is a Karma problem.