webpack插件plugin 添加版权 打包html js压缩
admin
2024-03-16 18:10:49
0次

文章目录

    • 1 添加版权
    • 2 打包html
    • 3 js压缩

1 添加版权

webpack.config.js

onst webpack = require('webpack')module.exports = {...plugins: [new webpack.BannerPlugin('最终版权归AAA所有')]
}

2 打包html

  1. 目前，我们的index.html文件存放在项目的根目录下

  • 真实发布项目时，发布的是dist文件夹中的内容，但是dist文件夹中如果没有index.html文件，name打包的js等文件就没有意义了。

  • 所以，我们需要将index.html文件导包放到dist文件夹中，这个时候就可以使用HtmlWebpackPlugin插件。

  1. HtmlWebpackPlug插件可以为我们做以下事情

  • 自动生成一个index.html文件（可以指定模板来生成）

  • 将打包的js文件，自动通过script标签插入到body中。

  1. 安装
npm install html-webpack-plugin@3.2.0 --save-dev

4.使用插件，修改webpack.config.js文件中的plugins部分的内容如下

  • 这里的template表示根据什么模板来生成index.html

  • 另外，我们需要删除之前在output中添加的publicPath属性

  • 否则插入的script标签中的src可能会有问题

plugins: [new webpack.BannerPlugin('最终版权归AAA所有')// new HtmlWebpackPlugin()new HtmlWebpackPlugin({template: 'index.html'})
]

3 js压缩

npm install uglifyjs-webpack-plugin --save-dev

const uglifuJsPlugin = require('uglifujs-webpack-plugin')plugins: [new uglifyJsPlugin()
]

作者：有勇气的牛排
https://www.couragesteak.com/article/159

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：特斯拉为美国在保 Model 3 车主提供更换 LFP 电池服务 特斯拉为美国在保 Model 3 车主提供更换 LFP 电池服务

下一篇：米体：尤文开始计划新赛季引援，对阿姆拉巴特重燃兴趣 米体：尤文开始计划新赛季引援，对阿姆拉巴特重燃兴趣

相关内容

热门资讯

银行间主要利率债午间走势分化 每经AI快讯，7月28日，银行间主要利率债午间走势分化，30年期国债“26超长特别国债04”收益率下...
2026海河国际消费论坛即将在... 2026海河国际消费论坛将于7月30日下午在天津启幕，目前各项筹备工作已全部就绪。本届论坛以“创新服...
原创 一... 前言 1942年的一天，一名身穿军装的年轻人，悄悄走到一位老妇人的面前。他脸上带着疲惫，眼神中却依然...
原创 曹... 八十岁的曹德旺，这几年在公开场合谈到房子这两个字，语气一次比一次冷。他早年那句＂房子不过是钢筋水泥堆...
股息率近5.5%！港股红利低波... 7月28日，港股红利资产延续强势。截至13时48分，港股红利低波ETF招商(520550)涨0.46...
企业文件共享平台怎么选？主流方... 文件共享平台种类繁多，各有侧重。今天这篇文章，把2026年市面上主流的企业文件共享平台做个系统梳理，...
币圈院士：7.26以太坊（ET... 币圈院士：7.26以太坊（ETH）双周期指标暗藏方向，行情即将破位？最新行情分析参考 以太坊现价18...
老铺黄金发盈喜后股价跌16.2... 观点网讯：7月28日，老铺黄金股价裂口低开12.97%，最低见325.8港元，收盘报332港元，跌1...
苏泊尔上半年营收净利双降，法籍... 瑞财经 严明会 近日，苏泊尔（002032.SZ）披露2026年半年度业绩快报。 公告显示，公司上半...
IPO雷达｜陕西瑞科回复二轮问... 深圳商报·读创客户端记者 梁佳彤 7月27日，据北交所官网，陕西瑞科新材料股份有限公司（下称“陕西瑞...
普京签令，俄军扩编 据新华社报道，俄罗斯总统普京27日签署命令， 决定组建几支军事建筑工程部队，并将俄武装力量编制总人数...
2027年德国杜塞尔多夫国际铸... 展会名称：2027年德国杜塞尔多夫国际铸造、冶金、热处理及铸件展览会GMTN 开始时间：2027-0...
郑州有了温通刮痧培训示范基地 本报讯（记者 杨振东 通讯员 张丹婧）温通刮痧是中医外治法里的一种，简单说就是在传统刮痧基础上，结合...
整箱茅台和单瓶茅台，回收行情为... 不少天津藏友存在疑惑：同样年份、同样品相的飞天茅台，整箱装和拆箱单瓶的回收报价存在差距，不清楚背后的...
北京五粮液收购需要遵循哪些通用... 北京五粮液收购的行业背景 近年来高端白酒的收藏与流通市场规模稳步扩张，北京作为国内重要的消费城市，五...
微软CEO重磅警告：只依赖一家... 来源：环球网 【环球网科技综合报道】7月28日消息，据外媒TechCrunch报道，微软CEO萨提亚...
策略师：金价夏季维持4000美... 汇通财经APP讯——今夏金价大概率在4000美元/盎司附近震荡筑底，市场等待美联储货币政策清晰指引。...
大众叙事下白酒行业周期如何拆解... 白酒行业的波动往往并非单纯由供需关系决定，而是 宏观经济预期与 渠道库存周期共振的结果。在大众认知中...
沈皓南：黄金低位大区间运行，短... 大家好，我是沈皓南，差不多有一个月没有更新黄金文章了，这段时间我去了美丽的新疆，自驾了独库公路，观赏...
原创 上... 2000年9月28日傍晚，济青高速临淄出口边一家小饭馆的木门被推开，六个山东汉子鱼贯而入。几个小时前...