Louk Loader

Simple loader for using Louk with webpack.

Installation

Install louk-loader via npm.

$ npm install louk-loader -D

Also ensure louk is installed as a peerDependency.

$ npm install louk -D

Configuration

Via Vue Config

If using a Vue CLI project, add a loader via Vue webpack configuration.

// vue.config.js
module.exports = {
    /* ... */
    chainWebpack: config => {
    // Louk Loader
    config.module
        .rule('louk')
        .test(/\.louk$/)
        .use("vue-loader")
            .loader("vue-loader")
            .end()
        .use("louk-loader")
            .loader("louk-loader")
    }
}

Via webpack Config

If using a plain webpack project with Vue, add a loader via webpack configuration, in addition to the Vue Loader.

// webpack.config.js
module.exports = {
    /* ... */
    module: {
        rules: [
            {
                test: /\.louk$/,
                use: [
                    {loader: "vue-loader"},
                    {loader: "louk-loader"}
                ]
            },
        ]
    }
}