webpack4版本的安裝和使用
阿新 • • 發佈:2018-12-31
在跟隨網上教程學習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.結局以上問題後就可以了