在跟随网上教程学习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.结局以上问题后就可以了