Webpack 构建 一直等待

Question

我在配置 Webpack进行项目构建的时候，一直处于等待，但是所有的文件打包，编译，压缩都已经完成了，但 就是没有退出执行。

{
  "scripts": {
    "test": "echo 'TODO : test'",
    "clean": "del dist",
    "lint": "node_modules/.bin/eslint ./ ; exit 0",
    "start": "npm run clean && webpack-dashboard -- node server.js",
    "build": "npm run clean && cross-env NODE_ENV=production webpack --progress --color",
    "preview": "npm run build && browser-sync start --server dist"
  },
  "devDependencies": {
    "autoprefixer": "^6.4.1",
    "babel-core": "^6.14.0",
    "babel-eslint": "^6.1.2",
    "babel-loader": "^6.2.5",
    "babel-preset-es2015": "^6.14.0",
    "babel-preset-react": "^6.11.1",
    "babel-preset-stage-0": "^6.5.0",
    "babel-preset-stage-1": "^6.13.0",
    "babel-preset-stage-2": "^6.13.0",
    "babel-preset-stage-3": "^6.11.0",
    "browser-sync": "^2.16.0",
    "cross-env": "^2.0.1",
    "css-loader": "^0.25.0",
    "del": "^2.2.2",
    "del-cli": "^0.2.0",
    "eslint": "^3.5.0",
    "eslint-loader": "^1.5.0",
    "eslint-plugin-react": "^6.3.0",
    "extract-text-webpack-plugin": "^1.0.1",
    "file-loader": "^0.9.0",
    "html-webpack-plugin": "github:ampedandwired/html-webpack-plugin",
    "image-webpack-loader": "^2.0.0",
    "node-sass": "^3.10.0",
    "postcss-loader": "^0.13.0",
    "pug": "^2.0.0-beta6",
    "pug-loader": "^2.3.0",
    "sass-loader": "^4.0.2",
    "style-loader": "^0.13.1",
    "url-loader": "^0.5.7",
    "webpack": "^1.13.2",
    "webpack-dashboard": "^0.1.8",
    "webpack-dev-middleware": "^1.8.0",
    "webpack-hot-middleware": "^2.12.2"
  },
  "dependencies": {
    "react": "^15.3.1",
    "react-dom": "^15.3.1",
    "react-router": "^2.8.1"
  }
}

const path = require('path')
const autoprefixer = require('autoprefixer')
const webpack = require('webpack')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
const HTMLWebpackPlugin = require('html-webpack-plugin')
const DashboardPlugin = require('webpack-dashboard/plugin')

const isProd = process.env.NODE_ENV === 'production'
    , minPostfix = isProd ? '.min' : ''
    , minify = isProd ? '.minimize' : ''
    , hash = '[hash:7]'

const entry = './app/entry.js'
    , devEntry = [
      'webpack/hot/dev-server',
      'webpack-hot-middleware/client?reload=true',
      entry
    ]


const basePlugins = [
  new webpack.DefinePlugin({
    'process.env': {
      // default is development environment
      'NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development')
    }
  }),
  new ExtractTextPlugin(`css/style.${hash}${minPostfix}.css`),
  new HTMLWebpackPlugin({
    title: 'workflow-webpack',
    // pug template
    template: 'app/index.pug',
    inject: false,
    favicon: "app/favicon.ico",
    cache: true,
    minify: isProd ? {
      removeComments: true, // remove comments
      collapseWhitspace: true
    }: null
  }),
  new DashboardPlugin()
]

const envPlugins = isProd ? [
  new webpack.optimize.UglifyJsPlugin({
    compress: {
      warnings: false
    }
  }),
  new webpack.BannerPlugin(`Build by blackcater: ${new Date().toString()}`)
] : [
  new webpack.optimize.OccurenceOrderPlugin(),
  new webpack.HotModuleReplacementPlugin()
  // new webpack.NoErrorsPlugin()
]


const webpackConfig = {
  debug: !isProd,
  devtool: !isProd ? '#eval' : null,

  entry: isProd ? entry : devEntry,
  output: {
    path : path.join(__dirname, 'dist'),
    filename: `js/app.${hash}${minPostfix}.js`,
    publicPath: '/'
  },

  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loaders: ['babel', 'eslint'],
        exclude: /(node_modules|bower_components)/
      },
      {
        test: /\.scss$/,
        loader: isProd ? ExtractTextPlugin.extract(
          'style',
          `css!postcss!sass`
        ) : 'style!css?sourceMap!postcss!sass?sourceMap'
      },
      {
        test: /\.pug$/,
        loaders: ['pug']
      },
      {
        test: /\.jpe?g$|\.gif$|\.png$|\.ico$/,
        loaders: [
          'file?name=[path][name].[ext]&context=app',
          'image-webpack?bypassOnDebug&optimizationLevel=7&interlaced=false'
        ]
      },
      {
        test: /\.txt$|\.json$|\.webapp$/,
        loader: 'file?name=[path][name].[ext]&context=app'
      },
      {
        test: /\.svg$/,
        loader: 'url?mimetype=image/svg+xml&name=[name].[ext]'
      },
      {
        test: /\.woff$/,
        loader: 'url?mimetype=application/font-woff&name=[name].[ext]'
      },
      {
        test: /\.woff2$/,
        loader: 'url?mimetype=application/font-woff2&name=[name].[ext]'
      },
      {
        test: /\.[ot]tf$/,
        loader: 'url?mimetype=application/octet-stream&name=[name].[ext]'
      }
    ]
  },

  resolve: {
    extensions: ['', '.js', '.jsx'],
    alias: {
      'images': path.resolve(__dirname, 'app/images'),
      'styles': path.resolve(__dirname, 'app/styles'),
      'components': path.resolve(__dirname, 'app/scripts/components'),
      'containers': path.resolve(__dirname, 'app/scripts/containers'),
      'routes': path.resolve(__dirname, 'app/scripts/routes'),
      'utils': path.resolve(__dirname, 'app/scripts/utils')
    }
  },

  externals: {},

  plugins: basePlugins.concat(envPlugins),

  postcss: [autoprefixer({browsers: ['> 1%', 'last 2 versions', 'ie 10']})]
}

module.exports = webpackConfig

Answer 1

看看你的 package.json 是怎么写的? 是不是加了监听.

Answer 2

你执行的是 webpack -w 吧

Answer 3

这里看上去没有watch啊

Answer 4

把build中的参数--progress改成--no-progress，应该就可以了。
我遇到的情况是，单独执行npm run build时是没有问题的，会正常结束，在bash脚本中执行就会出现相同的问题，具体原因还不清楚。

Answer 5

我也遇到一毛一样的问题了，你找到答案了么？