node.js - Webpack 未在 Heroku 重建时更新

Question

我有一个 Node 应用程序，它使用 Webpack 构建 React 并托管在 Heroku 上。每当我将新版本推送到 Heroku master 时，React 文件都不会更新。我现在已经推送了几个较新的版本，但 webpack:// 中的 React 文件不会更新，并保留我第一次部署应用程序时的原始文件。

这是我的 webpack.config.js 文件:

const webpack = require('webpack');
const path = require('path');

module.exports = {
 entry: {
  main: `${__dirname}/src/app.js`
 },
 output: {
  path: __dirname,
  filename: './public/bundle.js'
 },
 module: {
  loaders: [{
    loader: 'babel-loader',
    query: {
      presets: ['react', 'es2015', 'stage-2']
    },
    test: /\.jsx?$/,
    exclude: /(node_modules|bower_components)/
  }]
 },
 devtool: 'cheap-module-eval-source-map'
};

我的package.json包括"heroku-postinstall": "webpack -p -w --config ./webpack.config.js --progress"。

Answer 1

我也遇到了类似的问题。(只需确保您的 webpack 配置文件正确并且在本地运行 webpack 构建时没有任何错误)

我在 package.json 中按照以下方式修改了我的 post-install 脚本

  "scripts": {
    "clean": "rimraf public/bundle.*",
    "build": "cross-env NODE_ENV=production webpack --config ./webpack.prod.config.js --progress --colors",
    "postinstall": "npm run clean && npm run build",
}

当我将更改推送到 Heroku 时，“postinstall” 会被调用，并且它会依次执行任务

1. 清理旧的构建文件
2. 生成新版本

通过这种方式，旧文件将从缓存中删除。

但是有一些依赖项需要安装 rimraf

npm install --save rimraf

您也可以选择“rimraf”的任何其他替代方案。