导航菜单
登录 注册

最近学习使用webpack打包新开发的Typecho主题的CSS和JS,跟着网上的教程使用uglifyjs-webpack-plugin,发现这个插件并不兼容webpack v5,然后搜了一下webpack文档发现一个新插件`可以替换uglifyjs-webpack-plugin`,这里记录一下处理过程。

npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^4.0.0" from uglifyjs-webpack-plugin@2.2.0
npm ERR! node_modules/uglifyjs-webpack-plugin
npm ERR!   dev uglifyjs-webpack-plugin@"*" from the root project
npm ERR!

处理过程

先安装插件

npm install terser-webpack-plugin --save-dev

然后修改webpackconfig.js

// 引入插件
const TerserPlugin = require("terser-webpack-plugin");
// 配置参数
module.exports = {
  optimization: {
    minimize: true,
    minimizer: [new TerserPlugin()],
  },
};

配置好后Webpack生成的JS就是压缩版本。

XEditor 一款基于 Vditor 的 Markdown 编辑器 for Typecho
上一篇
使用 CMD 批处理快速打包 Typecho 主题
下一篇

精选留言

仅有一条评论

  1. hboukxhzed
    上海市

    2025年10月新盘 做第一批吃螃蟹的人coinsrore.com
    新车新盘 嘎嘎稳 嘎嘎靠谱coinsrore.com
    新车首发,新的一年,只带想赚米的人coinsrore.com
    新盘 上车集合 留下 我要发发 立马进裙coinsrore.com
    做了几十年的项目 我总结了最好的一个盘(纯干货)coinsrore.com
    新车上路,只带前10个人coinsrore.com
    新盘首开 新盘首开 征召客户!!!coinsrore.com
    新项目准备上线,寻找志同道合 的合作伙伴coinsrore.com
    新车即将上线 真正的项目,期待你的参与coinsrore.com
    新盘新项目,不再等待,现在就是最佳上车机会!coinsrore.com
    新盘新盘 这个月刚上新盘 新车第一个吃螃蟹!coinsrore.com