zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    二维码
    struts2 result type=(chain、dispatcher、redirect、redirect-action)
    hibernate bean注解
    js uploadify
    2进制转化成字符串
    server.xml
    html css
    页面乱码
    java class 路径问题
    table th td 宽度
  • 原文地址:https://www.cnblogs.com/maskmtj/p/8728123.html
Copyright © 2011-2022 走看看