Git Product home page Git Product logo

Comments (6)

rogyvojevic avatar rogyvojevic commented on May 29, 2024 2

Thanks a lot, regex now works perfectly 👍
And stylus-loader needs to be put in webpack.config.js also

from react-redux-grid.

bencripps avatar bencripps commented on May 29, 2024

Can you post your webpack config? It looks like you're not able to build either a jsx file, or you're not using babel-loader with the appropriate plugins. These are the loaders for js/jsx used by grid:

   {
        test: /\.js$|\.jsx$/,
        loaders: ['react-hot', 'babel-loader'],
        exclude: /node_modules|\.json$/
    }

With the following babel-presets, which are in the .babelrc:

{
    "presets": [ "react", "es2015", "stage-0" ]
}

from react-redux-grid.

rogyvojevic avatar rogyvojevic commented on May 29, 2024

Thanks for the quick reply, here is my webpack configuration:

var path = require('path');

var webpack = require('webpack');

module.exports = {
    devtool: 'source-map',
    devServer: {
        contentBase: path.resolve('build'),
        historyApiFallback: true
    },
    entry: [
        'webpack-dev-server/client?http://127.0.0.1:8080',
        'webpack/hot/only-dev-server',
        './src/app/app.jsx'
    ],
    output: {
        path: path.resolve('build'),
        filename: 'bundle.js'
    },
    resolve: {
        modulesDirectories: ['node_modules', 'src'],
        root: path.resolve('src'),
        extensions: ['', '.js']
    },
    module: {
        loaders: [
            {
                test: /\.jsx?$/,
                exclude: /node_modules/,
                loaders: ['react-hot', 'babel?presets[]=react,presets[]=es2015']
            },
            {
                test: /\.css$/,
                exclude: /node_modules/,
                loader: "style-loader!css-loader"
            },
            {
                test: /\.scss$/,
                exclude: /node_modules/,
                loaders: ['style', 'css', 'sass']
            },
            {
                test: /\.(png|jpg)$/,
                loader: 'url-loader?limit=8192'
            }
        ]
    },
    plugins: [
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NoErrorsPlugin()
    ]
};

I tried to add stage-0 for babel but it didn't help...

from react-redux-grid.

bencripps avatar bencripps commented on May 29, 2024

You're using webpack to build your src directory -- you need to alter your exclude pattern a bit:

Updated loader config:

     {
        test: /\.jsx?$/,
        exclude: /[\\\/]node_modules[\\\/](?!react-redux-grid)/,
        loaders: ['react-hot', 'babel?presets[]=react,presets[]=es2015']
     },

This way, you'll exclude all the node_modules you don't want to build, except the grid -- which you're building with webpack now.

Hope this helps!

from react-redux-grid.

rogyvojevic avatar rogyvojevic commented on May 29, 2024

Thanks, couldn't do it with regex there is syntax error, but I just copied all the files from your library and run the app and saw that I'm missing stylus and font loader for webpack, that did the job...

from react-redux-grid.

bencripps avatar bencripps commented on May 29, 2024

I updated the regex, it wad missing the ! at the beginning of the pattern. I would try and do it this way -- so that you can continually npm install/update/etc

If you don't want the fonts, you can exclude them. See the readme for more information, or let me know if you have any questions.

from react-redux-grid.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.