背景
打算使用webpack来打包一个非前后端分离的老项目,来保证代码兼容各个浏览器的es6语法的同时解决大量js加载慢问题
步骤
安装babel、webpack系列modules,
根据官网提供的命令安装npm install -D babel-loader @babel/core @babel/preset-env webpack
- 安装webpack所需的cli,这里安装webpack-cli
- package.json中内容显示已经成功安装
"devDependencies": {
"@babel/core": "^7.14.0",
"@babel/preset-env": "^7.14.0",
"babel-loader": "^8.2.2",
"webpack": "^5.36.1",
"webpack-cli": "^4.6.0"
}, - 查看webpack版本
使用webpack --version查看,发现没有任何输出,内容请看图片 - 使用webpack命令,没有任何内容
webpack新手想知道这是webpack版本问题还是全局配置问题
发完后悔系列,为什么会有这一段呢? 很尴尬,发布完以后在下面的列表中出现了一篇类似文章,点开一看,突然看到下面的一句话,全局安装和项目安装运行命令方式不一样。。。
具体文章地址:https://segmentfault.com/q/10...
项目内安装的运行方式
.\node_modules.bin\webpack --version