webpack指定开发模式

最新推荐文章于 2024-03-31 23:04:55 发布

数据的星辰大海

最新推荐文章于 2024-03-31 23:04:55 发布

阅读量247

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_37554565/article/details/119515927

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

报错日志

WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for thisvalue. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/

在这里插入图片描述
解决办法
原因是没有指定mode 导致的，
解决方法：
1.package.json中设置：

”scripts": {
    "dev": "webpack --mode development",  // 开发环境
     "build": "webpack --mode production",  // 生产环境
  }

2.webpack.config.js中设置：


module.exports = {
    entry: './src/app.js',
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'main.js'
    },
    mode: 'development' // 设置mode
}