首页 > Web开发 > 详细

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

时间:2019-11-02 20:45:16      阅读:68      评论:0      收藏:0      [点我收藏+]

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  

 

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

原文:https://www.cnblogs.com/sirdong/p/11783775.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!