webpack “configuration.devtool should match pattern“ 报错解决方法

问题背景

参考《React + Redux前端开发实战》搭建工程,初始化webpack。


  1. 项目根目录执行npm i webpack webpack-cli -D,安装dev版本webpack。
  2. 创建webpack配置文件,取名webpack.config.js,内容如下:
var path = require('path');
var APP_DIR = path.resolve(__dirname, 'src');
var BUILD_DIR = path.resolve(__dirname, "build");
var config = {
    entry:APP_DIR + '/index.jsx',	//入口
    output:{
        path: BUILD_DIR,			//出口路径
        filename: 'bundle.js'		//出口文件名
    }
};
module.exports = config;
  1. 用终端在根目录下执行以下命令,之后会在很目录下生成新的build文件夹,里面包含了webpack打包的bundle.js文件。
./node_modules/.bin/webpack -d

按照书本教程执行到此处,命令行报错:

[webpack-cli] Error: Option '-d, --devtool <value>' argument missing
[webpack-cli] Run 'webpack --help' to see available commands and options

解决方法

在命令后面,添加devtool的值,例如 “source-map”(参考官网),问题解决~

./node_modules/.bin/webpack -d "source-map"

别蠢啦吧唧(我)在后面加文件名。。。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值