Webpack 4使用报错:The CLI moved into a separate package: webpack-cli.

webpack升级到4.0.1,执行webpack命令报错:

>webpack -v
The CLI moved into a separate package: webpack-cli.
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

按错误提示,webpack单独分离出了wepack-cli,需要我们安装wepack-cli。

全局安装:

npm i -g webpack-cli

全局安装webpack-cli后,使用webpack -v成功。

在项目本地安装webpack,webpack-cli:

npm install webpack webpack-cli -D

版权声明:著作权归作者所有。

相关推荐

webpack编译打包scss

依赖webpack编译scss需要用到这几个loader:style-loader,css-loader,postcss-loader,sass-loader以及插件:extract-text-webpack-plugin安装相关loader和插件:npm install style-loader css-loader postcss-loader 

使用Webpack、TypeScript 和React搭建应用

这里简单介绍基于webpack + typescript + react搭建一个应用。初始化项目创建一个空文件夹demo,使用npm在空文件夹初始化项目。npm init npm install --save-dev webpack npm install --save-dev types

基于webpack的vue项目使用别名避免../深路径

在vue的项目里,我们可以使用../这样的相对路径的方式引用不同目录的组件:import userinfo from '../../../components/userinfo.vue'; 使用../引用的路径比较深,定位路径和书写不方便,并且不直观。由于项目是基于webpack,比较好的做法是使用webpack对路径定义一个别名。在webpack.base.config.js找到resolve节

使用webpack构建vue项目

简单记录下使用webpack构建vue项目。环境依赖1、安装vueyarn add vue 2、安装webpack相关开发包yarn add webpack babel-core babel-loader babel-preset-env --dev 3、安装vue-loader和vue-template-compil

Angular CLI:解决webpack-dev-server报错Invalid Host Header

Angular cli底层是使用webpack,webpack默认会对访问的主机进行检测,这是为了防止主机受到DNS重新绑定攻击。解决方法根据运行的脚本不同分为两种情况解决。一、angular cli脚本如果是使用angular cli的脚本ng serve启动服务器,可以使用--disable-host-check解决。ng serve 

Angular CLI:配置webpack热模块替换hmr(Hot Module Replacement)

热模块替换(Hot Module Replacement)是Webpack的特性,它可以让我们在调试时不需要重新构建就可以更新代码到正在运行的应用。Angular CLI需要做一些设置就可以使用webpack的热模块替换功能。添加依赖hrm依赖于@angularclass/hmr,安装@angularclass/hmr到dev-dependency$ npm