Thursday, 27 April 2017

Reactjs Webpack keeps the old file when building with new file

After some actions like npm update and changing my package.json, it's alright except that my webpack stay fixed on my old files even if i change them, really don't get why..

i ever tryed cache: false or delete the cacheDirectory file -> without success.

Package.json:

"start": "set NODE_ENV=development && npm run build && nodemon --exec babel-node -- src/server.js",
"build": "webpack -d",
...

"dependencies": {
    "babel-cli": "^6.24.1",
    "babel-core": "^6.18.2",
    "babel-preset-es2015": "^6.18.0",
    "babel-preset-react": "^6.16.0",
    "bcryptjs": "^2.4.3",
    "express": "5.0.0-alpha.5",
    "nedb": "^1.8.0",
    "react": "15.4.2",
    "react-dom": "15.4.2",
    "react-helmet": "^5.0.3",
    "react-router-dom": "^4.0.0",
    "socket.io": "^1.7.3"
},
"devDependencies": {
    "babel-loader": "^6.4.1",
    "babel-register": "^6.18.0",
    "eslint": "^3.18.0",
    "eslint-config-airbnb": "^14.1.0",
    "eslint-plugin-import": "^2.2.0",
    "eslint-plugin-jsx-a11y": "^4.0.0",
    "eslint-plugin-react": "^6.10.3",
    "nodemon": "^1.11.0",
    "webpack": "2.4.1"
}

webpack.config.babel.js

var path = require('path');

module.exports = {

    entry: {
        js:'./src/index.js'   
    },  
    output: {
        path: path.join(__dirname, 'src', 'static', 'scripts'),
        filename: 'bundle.js',
        publicPath: '/'
    },
    module: {
        rules: [{
            test: path.join(__dirname, 'src'),
            use: {
                loader: 'babel-loader',
                options:'cacheDirectory=.babel_cache',
            }
        }],
    },
    plugins: []
};

Console :

Hash: dfc9911a9d0c40cd6b72
Version: webpack 2.4.1
Time: 4794ms
    Asset     Size  Chunks                    Chunk Names
bundle.js  4.94 MB       0  [emitted]  [big]  js
   [7] ./~/react/react.js 56 bytes {0} [built]
  [21] ./~/react-router-dom/es/index.js 925 bytes {0} [built]
 [156] ./~/react-router-dom/es/Link.js 3.82 kB {0} [built]
 [168] ./~/react-dom/index.js 59 bytes {0} [built]
 [183] ./src/config/config.js 233 bytes {0} [built]
 [185] ./src/index.js 662 bytes {0} [built]
 [283] ./~/react-dom/lib/ReactDOM.js 5.14 kB {0} [built]
 [341] ./~/react-router-dom/es/BrowserRouter.js 2.12 kB {0} [built]
 [342] ./~/react-router-dom/es/HashRouter.js 2.1 kB {0} [built]
 [343] ./~/react-router-dom/es/MemoryRouter.js 55 bytes {0} [built]
 [344] ./~/react-router-dom/es/NavLink.js 2.48 kB {0} [built]
 [345] ./~/react-router-dom/es/Prompt.js 49 bytes {0} [built]
 [346] ./~/react-router-dom/es/Redirect.js 51 bytes {0} [built]
 [347] ./~/react-router-dom/es/Route.js 48 bytes {0} [built]
 [348] ./~/react-router-dom/es/Router.js 49 bytes {0} [built]
    + 378 hidden modules
[nodemon] 1.11.0
[nodemon] to restart at any time, enter `rs`
[nodemon] watching: *.*
[nodemon] starting `babel-node src/server.js`

      Server running on http://localhost:3000 [development ]
      Universal rendering: disabled

any ideas ?



via Pirs

No comments:

Post a Comment