how to add preprocess loader in webpack 2 -


i trying add preprocess loader in webpack 3. have installed successfully. not working here's webconfing file

var debug = process.env.node_env !== "production"; var webpack = require('webpack'); var path = require('path');  module.exports = {   context: path.join(__dirname, "src"),   devtool: debug ? "inline-sourcemap" : null,   entry: "./js/app.js",   module: {     loaders: [       {         test: /\.jsx?$/,         exclude: /(node_modules|bower_components)/,         loader: 'babel-loader!preprocess-loader?+debug',         // query: {         //   presets: ['react', 'es2015'],         //   plugins: ['react-html-attrs', 'transform-class-properties', 'transform-decorators-legacy'],         // }       },       {        test: /\.css$/,        loader: "style-loader!css-loader!sass-loader"      }      ]       },   output: {     path: __dirname + "/src/",     filename: "demo.min.js"   },   plugins: debug ? [] : [     new webpack.optimize.dedupeplugin(),     new webpack.optimize.occurenceorderplugin(),     new webpack.optimize.uglifyjsplugin({ mangle: false, sourcemap: false }),   ], }; 

here's package.json

{   "name": "snapstrat-react",   "version": "1.0.0",   "description": "sephore project",   "main": "index.js",   "scripts": {     "dev": "webpack-dev-server",     "prod": "npm run clean && node_env=production webpack -p"   },   "author": "",   "license": "isc",   "devdependencies": {     "webpack-dev-server": "^2.6.1"   },   "dependencies": {     "axios": "^0.12.0",     "babel": "^6.23.0",     "babel-core": "^6.25.0",     "babel-loader": "^7.1.1",     "babel-plugin-add-module-exports": "^0.1.2",     "babel-plugin-react-html-attrs": "^2.0.0",     "babel-plugin-transform-class-properties": "^6.3.13",     "babel-plugin-transform-decorators-legacy": "^1.3.4",     "babel-preset-es2015": "^6.24.1",     "babel-preset-react": "^6.24.1",     "bootstrap-loader": "^2.1.0",     "bootstrap-sass": "^3.3.7",     "css-loader": "^0.28.4",     "extract-text-webpack-plugin": "^3.0.0",     "file-loader": "^0.11.2",     "html-webpack-plugin": "^2.29.0",     "node-sass": "^4.5.3",     "preprocess-loader": "^0.2.2",     "react": "^15.6.1",     "react-dom": "^15.6.1",     "react-redux": "^4.4.5",     "react-router": "^4.1.2",     "react-router-dom": "^4.1.2",     "react-select": "^1.0.0-rc.5",     "resolve-url-loader": "^2.1.0",     "sass-loader": "^6.0.6",     "style-loader": "^0.18.2",     "url-loader": "^0.5.9",     "webpack": "^3.3.0"   } } 

below index.html. following github read me

<body>     <div id="root"></div>        <!-- @exclude -->     <header>you're on dev!</header>     <!-- @endexclude -->    </body> 


Comments

Popular posts from this blog

networking - Vagrant-provisioned VirtualBox VM is not reachable from Ubuntu host -

c# - ASP.NET Core - There is already an object named 'AspNetRoles' in the database -

ruby on rails - ArgumentError: Missing host to link to! Please provide the :host parameter, set default_url_options[:host], or set :only_path to true -