webpack -v无休止地声明必须安装一个用于webpack的CLI

Som*_*123 12 webpack visual-studio-2017

我安装了npm版本5.60.

在我的package.json中,我有以下两个devDependencies:

"webpack": "~1.12.15",
"webpack-cli": "^3.0.2"
Run Code Online (Sandbox Code Playgroud)

每当我输入webpackwebpack -v在命令行中,我总是收到相同的响应:

One CLI for webpack must be installed. These are recommended choices, delivered as separate packages:
- webpack-cli (https://github.com/webpack/webpack-cli)
   The original webpack full-featured CLI.
 - webpack-command (https://github.com/webpack-contrib/webpack-command)
   A lightweight, opinionated webpack CLI.
We will use "npm" to install the CLI via "npm install -D".
Which one do you like to install (webpack-cli/webpack-command):
Run Code Online (Sandbox Code Playgroud)

我已经进入webpack-cli这里,我也通过它安装了它npm install --save-dev webpack-cli

我也尝试将webpack任务运行器添加到visual studio.我的解决方案已经有一个现有的webpack.config.js文件.当我选择它时,我得到蓝色图标,表明它使用webpack任务运行器,但任务运行器中没有任何内容.我认为这只是webpack未正确安装的症状.

我在Windows 10 64中使用VS 2017.

任何帮助赞赏.

Una*_*ika 20

试试npm install webpack-cli -g


小智 7

尝试以下步骤:

npm 卸载 webpack --save-dev

然后更改并再次按照以下步骤操作

npm install webpack@2.1.0-beta.22 --save-dev

现在检查您的 webpack.config.js 并将“加载程序”更改为“webpack.config.js”中的“规则”。以下是对我有用的代码:-

var path = require('path');

var webpack = require('webpack');

module.exports = 

{

entry: './js/app.js',

 output: {

  path: path.resolve(__dirname, 'build'),

   filename: 'app.bundle.js'

    },

 module: {

    rules: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                query: {
                    presets: ['es2015', 'react']
                }
            }
        ]
    },
    stats: {
        colors: true
    },
    devtool: 'source-map'
};
Run Code Online (Sandbox Code Playgroud)