问题背景
参考《React + Redux前端开发实战》搭建工程,初始化webpack。
- 项目根目录执行
npm i webpack webpack-cli -D
,安装dev版本webpack。 - 创建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;
- 用终端在根目录下执行以下命令,之后会在很目录下生成新的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"
别蠢啦吧唧(我)在后面加文件名。。。