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/
webpack.config.js
src/app.js
src/components/App.jsx
not working a11y. why? :(
please simple example code in
example/