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

Post a Comment

Popular posts from this blog

html - How to set bootstrap input responsive width? -

Image
i need inline form calendar in both fields. reason can't rid of space between text , borders of input... here picture of problem i've tried set width parent div , input itself.... no good.. here i've done far. fiddle : <div class="modify_search"> <div class="search_wrapper"> <div class="search_header"> <form class="form-inline"> <div class="left"> <span>du</span> <div class="input-group"> <input type="text" class="form-control search_input" id="inlineforminputgroup"> <div class="input-group-addon"> <i class="fa fa-calendar" aria-hidden="true"></i> </div> </div> </div>
Read more

javascript - Highchart x and y axes data from json -

here js fiddle : demo i plotting differences of timestamps in multiple series reading data json. how plot "timestamp","timestamp2","timestamp3" against "tempersensordata" instead of steps? var processed_json = new array(); //ts1 var processed_json1 = new array(); //ts2 // populate initial series (i = 0; < data.length; i++){ processed_json.push(data[i].timestamp/1000); processed_json1.push(data[i].timestamp2/1000); }
Read more

javascript - Get js console.log as python variable in QWebView pyqt -

Image
i'm trying build application creates html + js code python , loads qwebview. the final html + js code following (raw code available here ): <head><meta charset="utf-8" /><script src="https://cdn.plot.ly/plotly-latest.min.js"></script></head><div id="mydiv" style="height: 100%; width: 100%;" class="plotly-graph-div"></div><script type="text/javascript">window.plotlyenv=window.plotlyenv || {};window.plotlyenv.base_url="https://plot.ly";plotly.newplot("mydiv", [{"type": "scatter", "x": [6.81, 6.78, 6.49, 6.72, 6.88, 7.68, 7.69, 7.38, 6.76, 6.84, 6.91, 6.74, 6.77, 6.73, 6.68, 6.94, 6.72], "y": [1046.67, 1315.0, 1418.0, 997.33, 2972.3, 9700.0, 6726.0, 6002.5, 2096.0, 2470.0, 867.0, 2201.7, 1685.6, 2416.7, 1618.3, 2410.0, 2962.0], "mode": "markers", "ids": [0, 1, 2, 3, 4, 5, 6, 7, 8,
Read more