grunt webpack找不到模块'webpack-dev-server'

Question

我有一个 grunt 设置来使用 webpack 和 grunt-webpack 捆绑我的反应文件。我没有使用webpack-dev-server，但我的咕噜声仍然输出错误为Cannot find module 'webpack-dev-server'

这是我的 grunt 文件：

var webpack = require("webpack");
var webpackConfig = require("./webpack.config.js");

module.exports = function(grunt) {
  require('load-grunt-tasks')(grunt);
  grunt.loadNpmTasks("grunt-webpack");

  grunt.initConfig({
    eslint: {
      options: {
        configFile: 'eslint.json'
      },
      target: ['./react/components/**/*.js','./react/services/**/*.js', './node/source/**/*.js']
    },
    webpack: {
      options: webpackConfig,
      build:{}
    },
    watch: {
      app: {
        files: ['./react/main.js', './react/components/**/*.js','./react/services/**/*.js'],
        tasks: ["webpack"],
        options: {
          spawn: false,
        }
      }
    }
  });

  grunt.registerTask('lint', ['eslint']);
  grunt.registerTask('build', ['webpack']);
  grunt.registerTask('default', ['watch']);

};

webpack.config.js文件

const path = require('path');
const buildDirectory = './node/static/js/';

module.exports = {
    entry: './react/main.js',
    resolve: {
        extensions: ['', '.js', '.jsx'],
    },
    output: {
        path: path.resolve(buildDirectory),
        filename: 'bundle.js',
    },
    externals: {
        'cheerio': 'window',
        'react/lib/ExecutionEnvironment': true,
        'react/lib/ReactContext': true,
    },
    stats: {
        assets: false,
        colors: false,
        modules: false,
        version: false,
        hash: false,
        timings: false,
        chunks: false,
        chunkModules: false
    },
    module: {
        loaders: [{
            test: /\.jsx?$/,
            exclude: /(node_modules|bower_components)/,
            loader: 'babel',
            query: {
                presets: ['react', 'es2015'],
            },
        }],
    },
    plugins: [],
};

错误输出

grunt build
Loading "webpack-dev-server.js" tasks...ERROR
>> Error: Cannot find module 'webpack-dev-server'
Loading "webpack-dev-server.js" tasks...ERROR
>> Error: Cannot find module 'webpack-dev-server'

Running "webpack:build" (webpack) task


Done.

如果我添加 webpack-dev-server 包，此错误将得到解决，但我不希望我的项目中有额外的依赖。

包：

"webpack": "^1.13.1",
"grunt-webpack": "^1.0.14",
"grunt": "^1.0.1",
"grunt-contrib-watch": "^1.0.0",
"grunt-eslint": "^19.0.0",

Answer 1

您必须将其添加为依赖项。为什么你仍然不需要它；为了在开发中运行项目似乎有必要。这样，NPM 也允许您拥有开发依赖项。您列出的所有依赖项都是开发依赖项。

见下文：

  "devDependencies": {
    // ... more dev dependencies
    "webpack-dev-server": "^1.14.1"
  },
  "dependencies": {
    // ... more 'normal' dependencies
    "bootstrap": "^3.3.6"
  }