csv-loader

A webpack module to intelligently load csv files.

Usage no npm install needed!

<script type="module">
  import csvLoader from 'https://cdn.skypack.dev/csv-loader';
</script>

README

Webpack csv loader

NPM NPM Build Status

Purpose

This CSV loader automatically converts data types, making it easy to import and start using data.

Installation

Install with yarn:

yarn add -D csv-loader

Install with npm:

npm install --save-dev csv-loader

Usage

Add the csv-loader to your webpack configuration:

const config = {
  module: {
    rules: [
      {
        test: /\.csv$/,
        loader: 'csv-loader',
        options: {
          dynamicTyping: true,
          header: true,
          skipEmptyLines: true
        }
      }
    ]
  }
};

The loader will translate csv files into JSON, with the following settings:

  • automatically convert columns to the proper data type,
  • parse the CSV header
  • skip any blank lines in the file

Configuration

Any options supported by Papa Parse can be passed to this loader with the options object. The current Papa Parse API is available here.

Not just a CSV loader

This module works with any column based file separated by deliminators. Simply set which extension to parse and the loader will automatically figure out which deliminator to use by default. The deliminator can also be manually set.

Credits