webpack 打包基础配置

最新推荐文章于 2025-03-03 22:23:35 发布

玫瑰花开一片一片

最新推荐文章于 2025-03-03 22:23:35 发布

阅读量189

点赞数

分类专栏： webpack 文章标签： webpack 数学建模前端

本文链接：https://blog.youkuaiyun.com/q515656712/article/details/131208101

版权

webpack 专栏收录该内容

6 篇文章

订阅专栏

该文章介绍了如何在Webpack配置中使用TerserPlugin进行代码压缩，包括删除debugger、console.log以及注释，设置并行处理以提升打包速度，同时指定输出文件为bundle.js。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

const path = require('path');
const TerserPlugin = require("terser-webpack-plugin");
 
module.exports = {
  entry: './includes/index.js',
  optimization: {
    minimize: true,
    minimizer: [
      new TerserPlugin({
        terserOptions: {
          compress: {
            drop_debugger: true, 
            drop_console: true,
            pure_funcs: ['console.log'] // 删除打印语句
          },
          format: {
              comments: false // 删除所有注释
            }
        },
        parallel: true,  // 多核打包，提升打包速度
        extractComments: false // 是否将注释全部集中到一个文件中
      })
    ]
  },
  output: {
    path: path.resolve(__dirname, 'pages/dist'),
    filename: 'bundle.js'
  }
}