Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- {
- "scripts": {
- "start": "webpack-dev-server",
- "build": "webpack"
- },
- "dependencies": {
- "jquery": "^3.2.1",
- "react": "^16.1.1",
- "react-dom": "^16.1.1"
- },
- "devDependencies": {
- "babel": "^6.23.0",
- "babel-cli": "^6.26.0",
- "babel-core": "^6.26.0",
- "babel-loader": "^7.1.2",
- "babel-preset-es2015": "^6.24.1",
- "babel-preset-react": "^6.24.1",
- "babel-preset-stage-0": "^6.24.1",
- "clean-webpack-plugin": "^0.1.17",
- "css-loader": "^0.28.7",
- "html-webpack-plugin": "^2.30.1",
- "style-loader": "^0.19.0",
- "webpack": "^3.8.1",
- "webpack-dev-server": "^2.9.4"
- }
- }
- const path = require('path');
- const webpack = require('webpack');
- const HtmlWebpackPlugin = require('html-webpack-plugin');
- const CleanWebpackPlugin = require('clean-webpack-plugin');
- module.exports = {
- entry: './src/app/app.jsx',
- devtool: 'source-map',
- devServer: {
- contentBase: path.join(__dirname, "dist"),
- hot: true
- },
- module: {
- rules: [
- {
- test: /.css$/,
- use: [
- 'style-loader',
- 'css-loader'
- ]
- }
- ],
- loaders: [
- {
- test: /.jsx?$/,
- exclude: /node_modules/,
- loader: "babel-loader",
- query:
- {
- presets: ['es2015', 'react']
- }
- }
- ]
- },
- plugins: [
- new HtmlWebpackPlugin({
- template: './src/app/index.html'
- }),
- new webpack.NamedModulesPlugin(),
- new webpack.HotModuleReplacementPlugin()
- ],
- output: {
- path: path.resolve(__dirname, 'dist'),
- filename: 'app.bundle.js'
- }
- };
- import React from "react"
- React.render(<h1>hello world</h1>, document.getElementById("root-component"));
- ERROR in ./src/app/app.jsx
- Module parse failed: Unexpected token (3:13)
- You may need an appropriate loader to handle this file type.
- | import React from "react"
- |
- | React.render(<h1>hello world</h1>, document.getElementById("root-component"));
- module: {
- rules: [
- {
- test: /.css$/,
- use: [
- 'style-loader',
- 'css-loader'
- ]
- },
- {
- test: /.jsx?$/,
- exclude: /node_modules/,
- use: {
- loader: 'babel-loader',
- query: {
- presets: ['es2015', 'stage-1'],
- },
- }
- ]
- }
Add Comment
Please, Sign In to add comment