vic / elmx-webpack-preloader

Compile elmx to elm files before using elm-webpack-loader

elmx-webpack-preloader

Compile elmx to elm files before using elm-webpack-loader

Example App

Installation

npm install --save-dev elmx-webpack-preloader

Usage

Add the preload to your webpack config. Any .elmx dependency will be compiled to an .elm file.

If no outputDirectory is specified, the compiled elm will be placed in the same directory as it's elmx source.

{
  module: {
    preLoaders: [
      {
        // Notice that the preloader actually reads .elm files looking for dependencies to be compiled from elmx
        test: /\.elm$/,
        loader: 'elmx-webpack-preloader',
        include: [join(__dirname, "src/elm")],
        query: {
          sourceDirectories: ['src/elm']
          outputDirectory: '.tmp/elm'
        }
      }
    ],
    loaders: [
      {
        test: /\.elm$/,
        loader: 'elm-webpack',
        include: [join(__dirname, "src/elm"), join(__dirname, ".tmp/elm")]
      }
    ]
  }
}

When using an outputDirectory make sure to include it on your elm-package.json

{
    "source-directories": [
        "src/elm",
        ".tmp/elm"
    ]
}

elmx-webpack-preloader's Issues

Entry point file Main.elm can't be elmx

I'm new to webpack and I've set up a simple project for myself that uses elmx. However, having reviewed the code of this library and trying a bunch of different configurations, it seems like the initial entry Elm file is expected to be .elm, like Main.elm instead of Main.elmx. Is that a limitation of the current implementation of this library, or is it an issue with my setup?

Issue with Elm 0.17?

I'm not sure if this is Elm 0.17 issue, but might be:

/home/ielectric/dev/hydra-frontend/node_modules/elmx-webpack-preloader/node_modules/elmx/dist/generator.js:83
  var expr = state.expr;
                  ^

TypeError: Cannot read property 'expr' of undefined
    at generate (/home/ielectric/dev/hydra-frontend/node_modules/elmx-webpack-preloader/node_modules/elmx/dist/generator.js:83:19)
    at module.exports (/home/ielectric/dev/hydra-frontend/node_modules/elmx-webpack-preloader/node_modules/elmx/dist/parser.js:38:10)
    at /home/ielectric/dev/hydra-frontend/node_modules/elmx-webpack-preloader/index.js:137:34
    at /home/ielectric/dev/hydra-frontend/node_modules/elmx-webpack-preloader/node_modules/mkdirp/index.js:48:26
    at FSReqWrap.oncomplete (fs.js:82:15)

Webpack 4 - Cannot read property 'elmx' of undefined

elmx-webpack-preloader/index.js:24:35

In webpack there is no this.options variable

webpack 3 already deprecated this.options in the loader context. webpack 4 removes it now.

Guideline: Loaders should receive all options via this.query. They should not use other ways to receive options, i. e. no property in webpack options, no environment variable.

https://medium.com/webpack/webpack-4-migration-guide-for-plugins-loaders-20a79b927202