安装webpack可谓是心累啊,我花了好几天时间都没安装好,各种报错啊,
什么Please install 'webpack-cli' in addition to webpack itself to use the CLI.
什么-bash: webpack: command not found
还有No such file or directory各种坑我都基本进了一遍
终于,经过不断的卸载重装,总算安装好了一个能用的
本次我安装的版本是1.13.2的,其他版本我不确定是否有效,电脑用了window 和 mac都装好了,过程提示都是一样的,截图有些是win 有些是mac的,不影响结果
先说说我的安装报错到最后过程
安装前必须先安装node.js
然后因为怕墙,我安装了淘宝npm镜像,后面也是使用cnpm安装的,建议安装下
npm install -g cnpm --registry=http://registry.npm.taobao.org
错误提示
Please install 'webpack-cli' in addition to webpack itself to use the CLI.
-> When using npm: npm install webpack-cli -D
-> When using yarn: yarn add webpack-cli -D
然后有人告诉我 npm i -g webpack-cli -D --save 装了之后查看webpack -v确实能出来版本号,但是,当运行打包的时候就会报错,很长一段
接下来我干脆卸载重装了,
错误提示
command not found
有人说要装低版本然后我npm install --save-dev webpack@1.1.3 结果一样
无奈卸载再装,经过一段瞎折腾,
cnpm install webpack -g
提示cli 就
cnpm install webpack-cli -g
webpack -v 出来 4.0.1 惊喜啊,激动啊终于好了,可是打包出错了
版本太高不行,我就直接安装1.13.2的版本,也能出来版本号是1.13.2,可是打包的时候跟上面的报错一样,而且用的是4.0.1的版本打包的
算了,不挣扎了
下面看看如何正确的安装1.13.2
第一步:如果有安装报错,最好先卸载 而且最好全局和文件夹内都卸载一遍
npm uninstall webpack -g (全局卸载)
确定npm正常 及安装了淘宝镜像
第二步:全局安装 cnpm install -g webpack@1.13.2(经过测试,其他版本也可以,4.0以上的我就不确定了,貌似4.0的还是测试版)
第三步:进入文件夹 (比如我的项目(pack文件夹) 在桌面 cd Desktop/pack)
第四步:局部安装 cnpm install --save-dev webpack@1.13.2
webpack -v 查看显示 1.13.2版本
接下来打包
终于成功了
到了这里说明已成正常使用了