报错:

产生原因

翻阅文档Mode | webpack

webpack4.0对语法要求更加严格,要求我们在运行 webpack 时必须在 “开发或者生产” 中选择一种模式,没有设置webpack模式,就会产生报错。

--mode development [开发环境] 或者

--mode production [生产环境]

解决:

方案1、提供模式配置选项告诉webpack使用相应的内置优化。

// 引入一个包
const path = require('path')
module.exports = {
    // 指定入口文件
    entry: "./src/index.ts",
    // 指定打包文件所在目录
    output: {
        // 指定打包文件的目录
        path: path.resolve(__dirname, 'dist'),
        // 打包后文件的文件
        filename: "bundle.js"
    },
    mode: 'development', // 设置mode
    // 指定webpack打包时要使用的模块
    module: {},
    // 配置webpack插件
    plugins: []
}

方案2:or pass it as a CLI argument:

webpack --mode=development

方案3:降低webpack的版本

本地安装最新稳定版本
npm i webpack webpack-cli -D
 全局安装指定版本
  npm install webpack@3.0.0  webpack-cli@3.3.12 -g

参考博文:webpack4.0解决报错The ‘mode‘ option has not been set, webpack will fallback to ‘production‘ for,Module.._每天都要进步哦的博客-CSDN博客

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐