1. 程式人生 > >webpack4版本的安裝和使用

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.結局以上問題後就可以了