首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在webpack4 manifest.json中为*所有* .js、.css和.png资产设置密钥前缀?

在webpack4的manifest.json中为所有.js、.css和.png资产设置密钥前缀,可以通过使用webpack插件来实现。以下是一种实现方式:

  1. 首先,安装webpack插件webpack-manifest-plugin,该插件可以生成manifest.json文件并设置密钥前缀。
代码语言:txt
复制
npm install webpack-manifest-plugin --save-dev
  1. 在webpack配置文件中引入插件,并在plugins配置中实例化该插件。
代码语言:txt
复制
const ManifestPlugin = require('webpack-manifest-plugin');

module.exports = {
  // 其他配置项...
  plugins: [
    new ManifestPlugin({
      fileName: 'manifest.json',
      publicPath: '', // 设置密钥前缀为空
    }),
  ],
};
  1. 以上配置中,fileName指定生成的manifest.json文件名,publicPath设置密钥前缀为空,即不添加密钥前缀。
  2. 运行webpack构建命令,生成manifest.json文件。
代码语言:txt
复制
webpack

生成的manifest.json文件将包含所有.js、.css和.png资产的映射关系,且密钥前缀为空。

请注意,以上答案中没有提及具体的腾讯云产品和产品介绍链接地址,因为题目要求不涉及特定的云计算品牌商。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • webpack优化解决项目体积大、打包时间长、刷新时间长问题!

    在大家的日常开发中,特别是开发大型项目,大家有没有每次打包想要骂娘的冲动!反正我是很痛苦,每次打包20分钟起,这漫长的等待时间,让人非常焦虑,遇见一些特殊问题(比如测试微信分享),必须要打包部署,看效果,你会发现,一天时间全部浪费在打包上,真所谓改代码两分钟,打包代码两小时,于是闲暇之余,研究了一下webpck打包机制,并且通过几个小插件和一些技巧成功的减少公司项目的打包时间,虽然打包时间没有断崖式的减少,但是能少一分钟,是一分钟吧,下面我们一起来研究一下webpack的性能优化,以及体积优化!

    04
    领券