Using xlsx with Webpack on the browser.

I am using xlsx with Webpack on the browser.

import XSLX from "xslx";

Importing XSLX is throwing an error in Webpack compilation that fs module could not be found.

[vijayst]

I found this answer on another thread. Add the below configuration to the webpack.config file.

// required for xlsx to work with webpack
  node: {
    fs: 'empty'
  },

  externals: [
    {
      './cptable': 'var cptable'
    },
    {
      './jszip': 'jszip'
    }
  ],

[dineshjain1992]

@reviewher Here is my webpack.config file const webpack = require(‘webpack’); const HtmlWebpackPlugin = require(‘html-webpack-plugin’); const ExtractTextPlugin = require(‘extract-text-webpack-plugin’); var IgnorePlugin = require(‘watch-ignore-webpack-plugin’) var jquery = require(‘jquery’); var underscore = require(‘underscore’); var moment = require(‘moment’); const rules = [ { test: /.css$/, use: ExtractTextPlugin.extract({ fallback: “style-loader”, use: [“css-loader”] }) } ,{ test: /.(woff(2)?|ttf|eot|svg)(?v=[0-9].[0-9].[0-9])?$/, //to support @font-face rule loader: “url-loader”, query:{ limit:‘10000’, name:‘font.css’, outputPath:‘fonts/’ //the fonts will be emmited to public/assets/fonts/ folder //the fonts will be put in the DOM <style> tag as eg. @font-face{ src:url(assets/fonts/font.ttf); }
} }, ]; const plugins = []

module.exports = { context: __dirname + ‘’, entry: { app: ‘./webpackApp.js’ , vendor: ‘./webpackJQ.js’ // , bundlejs: ‘./webpackJQ.js’ }, output: { path: __dirname + ‘/public/webpack-min’, filename: ‘bundle.js’ } , plugins: [ new webpack.ProvidePlugin({ ‘$’: “jquery”, ‘jQuery’: “jquery”, ‘jquery’: “jquery”, ‘window.$’: “jquery”, ‘window.jQuery’: “jquery”, “window.moment”: “moment”, “moment”: “moment”, ‘_’:‘underscore’, “underscore”: “underscore”, })

    ,new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', filename: 'vendor.js',Infinity })
    ,new ExtractTextPlugin({ filename: "style.css" }),
]

,externals: [
	{
        'sampleApp': '',
		'./cptable': 'var cptable',
		'./jszip': 'jszip'
	}
]
,module: {
    rules
}
,node: {
    fs: 'empty'
  },

};

from my webpackJQ.js file I am using require(‘./public/asset/libs/js/xlsx.core.min.js’);

Did I miss something ?