Sublime text3，文件图标webpack图标

Question

我在 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 当我尝试还原它时出现此错误

Answer 1

问题是 A File Icon's Webpack Icon 只有在文件扩展名是：

时才有效

• "webpack.config.js"
• "webpack.config.babel.js"
• "webpack.dev.js"
• "webpack.mix.js"

现在，要使其适用于您的自定义扩展名，如 "wepback.prod.js"，您必须手动将此文件扩展名添加到 一个文件图标的 icons.json 文件。

要执行此操作，请执行以下步骤：

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

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

现在 A File Icon's 将显示 Webpack Icon for the "webpack.prod.js" 文件扩展名!!

---

注意：如果您正在使用zzz 文件图标zzz，那么您可以执行以下操作：

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