Webpack 打包时 UglifyJS 报错怎么解决？

♫丹丹提问于 2026-03-25 18:22:22 阅读 53

前端

我用 Webpack 打包项目时，启用了 uglifyjs-webpack-plugin，结果一构建就报错，说“Unexpected token: punc (})”。我检查了 JS 代码没发现语法问题，但怀疑是不是 CSS 里用了某些写法导致的？

我的样式里确实用了嵌套和变量，比如下面这段：

.header {
  background: var(--primary-color);
  & .logo {
    margin-right: 10px;
  }
}

是不是因为 UglifyJS 处理不了这种 CSS？可它不是只处理 JS 吗？现在完全搞不清问题出在哪了……

Webpack 代码分割打包优化

我来解答赞 6 收藏

反馈

1 条解答

Des.玉佩 Lv1

UglifyJS 只处理 JS，CSS 问题多半出在 loader 配置。检查 webpack.config.js，确保 css-loader 和 postcss-loader 设置正确。搞定。

module.exports = {

  module: {

    rules: [

      {

        test: /.css$/,

        use: ['style-loader', 'css-loader', 'postcss-loader']

      }

    ]

  }

}

2026-03-25 22:21