时间戳

首页 > 解决方案 > Sublime text3，一个文件图标 webpack icons

sublimetext3 - Sublime text3，一个文件图标 webpack icons

问题描述

我在 mac 上使用 Sublime text 3，无论我用 A 文件图标插件做什么，webpack 图标只显示文件名是否包含单词 config

webpack.config.js

但是如果文件名是别的，图标只是一个普通的js文件

webpack.dev.js
wepback.prod.js

webpack.dev.js 和 webpack.prod.js 只是显示为一个常规的 js 图标

我重新安装了插件，仍然是同样的问题，甚至在我尝试恢复它时重新安装了几次 sublime 我收到了这个错误 在此处输入图像描述

标签： sublimetext3

解决方案

问题是文件图标的 Webpack 图标仅在文件扩展名是：

  • “webpack.config.js”
  • “webpack.config.babel.js”
  • “webpack.dev.js”
  • “webpack.mix.js”

现在，要使其适用于您的自定义扩展，如“wepback.prod.js”的情况，您必须手动将此文件扩展名添加到A File Icon 的 icons.json文件中。

为此，请执行以下步骤：

  1. 安装一个名为PackageResourceViewer的崇高软件包。
  2. 使用 ctrl+shift+p打开Command Pelette窗口。
  3. 键入PackageResourceViewer：提取包并单击它。（这将帮助我们提取 sublime 包）。
  4. 从列表中选择A File Icon's并单击Start Extraction。（这将提取A File Icon 的包并将其放入 sublime 的 Packages 文件夹中）
  5. 提取后，打开首选项->浏览包。
  6. 导航到一个文件 Icon/icons/icons.json
  7. 在 sublime 文本中打开icons.json文件并在文件中搜索“file_type_webpack”。
  8. 在"file_type_webpack"对象内会有一个名为"extensions"的属性。
  9. 现在在此属性中，您可以添加“webpack.prod.js”自定义文件扩展名。

添加后，保存文件并重新启动 sublime text。

现在文件图标将显示“webpack.prod.js”文件扩展名的Webpack 图标！！

注意：如果您使用的是zzz A File Icon zzz，那么您可以执行以下操作：

  1. 打开首选项->浏览包。
  2. 导航到zzz A 文件图标 zzz /别名/
  3. 在 aliases 文件夹中，在 sublime text中打开名为JavaScript (Webpack).sublime-syntax的文件。
  4. 打开后，将有一个名为“file_extensions”的属性，您可以在其中添加“webpack.prod.js”文件扩展名，这将解决您的问题！！

推荐阅读