webpack打包 The 'mode' option has not been set, webpack will fallback to

webpack 打包報錯 The 'mode' option has not been set, webpack will fallback to 'production' for，Module not found: Error: Can't resolve，WARNING in configuration

運行環境：

• windows
• nodejs v10.15.3
• webpack v4.38.0

我先全局安裝了 webpack 和 webpack-cli：

npm install -g webpack
npm install -g webpack-cli

 

然后運行 webpack 去打包時報錯：

​

仔細看 webpack 官網手冊發現，從4.0開始，運行 webpack 時一定要加參數 --mode development [開發環境] 或者 --mode production [生產環境] ：

不使用配置文件的用法

webpack <entry> [<entry>] -o <output>

<entry>

一個文件名或一組被命名的文件名，作為構建項目的入口起點。你可以傳遞多個入口（每個入口在啟動時加載）。如果傳遞一個形式為 <name> = <request> 的鍵值對，則可以創建一個額外的入口起點。它將被映射到配置選項(configuration option)的 entry 屬性。

<output>

要保存的 bundled 文件的路徑和文件名。它將映射到配置選項 output.path 和 output.filename。

示例

webpack --mode development app.js -o bundle.js

 

如果有配置文件（webpack.config.js），加入 mode 即可。

module.exports = {
    mode: 'development'
}

 

再次打包：

 

 

​

成功！

附：

配置選項

參數	說明	輸入類型	默認值
--mode	用到的模式，"development" 或 "production" 之中的一個	string

 

 

 

---