sublimetext3 - 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

问题是，文件图标的 Webpack 图标仅在文件扩展名是以下情况时才有效:

• “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 窗口。
3. 输入PackageResourceViewer:提取包并单击它。 (这将帮助我们提取 sublime 包)。
4. 从列表中选择文件图标，然后单击开始提取。 (这将提取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。

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

---

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

1. 打开偏好设置 -> 浏览软件包。
2. 导航至zzz 文件图标 zzz/别名/
3. 在 aliases 文件夹中，打开 sublime text 中名为 JavaScript (Webpack).sublime-syntax 的文件。
4. 打开后，将有一个名为“file_extensions”的属性，您可以在此处添加“webpack.prod.js”文件扩展名，这将修复您的问题问题!!