Skip to content

You had better make example. #19

@konojunya

Description

@konojunya

webpack.config.js

var webpack = require("webpack")
var path = require("path")

module.exports = {
  resolve: {
    extensions: ['.js', '.jsx']
  },
  entry: __dirname + "/src/app.js",
  output: {
    path: __dirname + "/dist",
    filename: 'bundle.js',
    libraryTarget: "umd"
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loader: "babel-loader",
        exclude: "/node_modules/",
        query: {
          presets: ["es2015","react","stage-0"]
        }
      }
    ]
  },
  plugins: [
    new webpack.DefinePlugin({ "global.GENTLY": false }),
  ]
};

src/app.js

import React from "react";
import ReactDOM from "react-dom";
import a11y from "react-a11y-alt";

a11y(React,ReactDOM, {
    rules: {
        'img-uses-alt': 'warn'
    }
});

import App from "./components/App.jsx";

ReactDOM.render(
    <App/>,
    document.getElementById("react")
)

src/components/App.jsx

import React from "react";

export default class App extends React.Component {

    render(){
        return(
            <div>
                <img src="hoge.png" />
                <h1>Desktop</h1>
            </div>
        )
    }

}

not working a11y. why? :(

please simple example code in example/

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions