栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何使用webpack构建缩小和未压缩的捆绑包?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何使用webpack构建缩小和未压缩的捆绑包?

webpack.config.js

const webpack = require("webpack");module.exports = {  entry: {    "bundle": "./entry.js",    "bundle.min": "./entry.js",  },  devtool: "source-map",  output: {    path: "./dist",    filename: "[name].js"  },  plugins: [    new webpack.optimize.UglifyJsPlugin({      include: /.min.js$/,      minimize: true    })  ]};

自从Webpack 4

webpack.optimize.UglifyJsPlugin
被弃用以来,其使用导致错误:

webpack.optimize.UglifyJsPlugin已被删除,请改用config.optimization.minimize

如手册所述,可以使用

minimize
选项替换插件。通过指定
UglifyJsPlugin
实例,可以向插件提供自定义配置:

const webpack = require("webpack");const UglifyJsPlugin = require('uglifyjs-webpack-plugin');module.exports = {  // ...  optimization: {    minimize: true,    minimizer: [new UglifyJsPlugin({      include: /.min.js$/    })]  }};

这样就可以完成简单的设置。一种更有效的解决方案是将Gulp与Webpack一起使用,并且一次完成相同的操作。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/448432.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号