webpack4 未设置mode会自动压缩

最近想用LayaBox做个小游戏，然而Laya本身不自带构建工具。然后觉得写模块化的东西还是用webpack好使，用es6的语法也比较清晰。

于是就装了webpack，只用babel-loader来编译用es6写的代码。配置文件如下：

const webpack = require('webpack');

module.exports = {

  entry: {

    index:'./src/scence1.js'

  },

  output: {

    filename: '[name].js',

    path: __dirname + '/src'

  },

  module: {

    rules: [{

      test: /\.js$/,

      exclude: /node_modules/,

      use: 'babel-loader'

    }]

  }

  mode: 'development'//关键

};

一开始我没有设定mode，虽然我在babelrc里面写了compact:false，但是最后构建出来的js还是压缩的。就很懵逼。

后面上网查资料，发现新版的webpack要设定mode，就是指构建的环境，它会自动帮忙加一些默认的配置

比如mode为production时就会帮你自动压缩。。。

所以应该是它默认设置为production就帮我自动压缩了。

恩，前端的东西更新的很快，要跟上脚步！

官方文档：https://webpack.js.org/concepts/mode/#mode-development

巴特西

webpack4 未设置mode会自动压缩

最新文章

热门文章