webpack4版本的安装和使用

在跟随网上教程学习vue的时候,发现按教程的步骤运行webpack的时候会有报错。找了下资料,现将解决方法记录下来备忘

1. 首先还是在项目目录下运行cnpm install -D webpack,采取根目录安装,如果要选择全局环境安装,把D改为g即可

2. 如果此时运行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 已经将 webpack 命令行相关的内容都迁移到 webpack-cli,所以除了 webpack 外,我们还需要安装 webpack-cli:  cnpm install -D webpack-cli,也是采取根目录安装

3. 安装完webpack和webpack-cli后再运行webpack,但是还是出现了报错。

    webpack4中需要指明使用哪种模式,development和production:webpack --mode  development

    同时,webpack4默认入口是src/index.js文件

4.结局以上问题后就可以了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值