surplus-loader

0.5.0 • Public • Published

Webpack loader for Surplus applications

Installation

> npm install --save-dev surplus-loader

Usage

// webpack.config.js
...
module: {
    rules: [
        // if just using javascript
        { test: /\.jsx$/, loader: 'surplus-loader' },
        // if using with typescript
        { test: /\.tsx?$/, loader: 'surplus-loader!ts-loader' },
    ]
}
...

Here's an example of an entire webpack.config.js that uses typescript.

// webpack.config.js
module.exports = {
    entry: './src/main.ts',
    output: {
        filename: './dist/main.js'
    },
    resolve: {
        extensions: ['.ts', '.tsx', '.js']
    },
    module: {
        rules: [
            { test: /\.tsx?$/, loader: 'surplus-loader!ts-loader' },
        ]
    }
};

Note:

  1. surplus-loader runs after typescript, so that it's just compiling Javascript, not Typescript (surplus-preprocessor doesn't understand typescript).
  2. For the JSX to make it through typescript uncompiled, you must specify "jsx": "preserve" in your tsconfig.json.

Package Sidebar

Install

npm i surplus-loader

Weekly Downloads

154

Version

0.5.0

License

MIT

Unpacked Size

2.45 kB

Total Files

3

Last publish

Collaborators

  • adamhaile