How can i use dhtmlxgrid in a webpack build environment using es6 imports?
I’m especially interested to find the appropriate documentation explaining how to deal with the css and image resources when using a webpack loader.
You can include dhtmlx.js and dhtmlx.css files, just be sure to define the valid rules in webpack config.
for both JS and CSS files, be sure that they are not post-processed
something like next
[code]var path = require(‘path’);
var ExtractTextPlugin = require(“extract-text-webpack-plugin”);
var LiveReloadPlugin = require(‘webpack-livereload-plugin’);
var config = {
entry: ‘./sources/index.js’,
output: {
path: path.join(__dirname, ‘codebase’),
publicPath:"/codebase/",
filename: ‘app.js’
},
devtool: ‘inline-source-map’,
module: {
loaders: [
{
test: /.css$/,
loader: ExtractTextPlugin.extract(“css?-url”)
},
{
test: /.js$/,
include:[
path.join(__dirname, ‘sources’, ‘dhtmlx’)
],
loader: ‘script’
},
{
test: /.js$/,
include:[
path.join(__dirname, ‘sources’)
],
exclude:[
path.join(__dirname, ‘sources’, ‘dhtmlx’)
],
loader: ‘babel’
}
]
},
resolve: {
extensions: [’’, ‘.js’],
modulesDirectories: ["./sources", “node_modules”, “bower_components”]
},
plugins: [
new ExtractTextPlugin("./app.css"),
new LiveReloadPlugin()
]
};
module.exports = config;[/code]