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"您必须手动将此文件扩展名添加到 A 文件图标的 图标.json 文件。
为此，请执行以下步骤:

安装一个名为 的 sublime 包包资源查看器 .

打开 命令弹丸 ctrl+shift+p 窗口。

类型 PackageResourceViewer:提取包 ＆ 点击它。 (这将帮助我们提取 sublime 包)。

选择 文件图标的 从列表中单击 开始提取 . (这将提取 A File Icon 的包并将其放入 sublime 的 Packages 文件夹中)

解压后，打开 偏好 -> 浏览套餐 .

导航至 一个文件 Icon/icons/icons.json

打开 图标.json 崇高文本文件并搜索 "file_type_webpack"文件里面。

内 "file_type_webpack"对象会有一个名为 的属性“扩展” .

现在在这个属性里面你可以添加你的 "webpack.prod.js"自定义文件扩展名。

添加后，保存文件并重新启动 sublime text。
现在 文件图标的 将显示 Webpack 图标 对于“webpack.prod.js”文件扩展名!!

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

打开首选项 -> 浏览包。

导航至 zzz 文件图标 zzz /别名 /

在 aliases 文件夹中，打开名为 的文件JavaScript (Webpack).sublime-syntax 里面崇高的文字。

一旦打开，就会有一个名为 的属性。 “文件扩展名” & 在这里您可以添加您的 "webpack.prod.js"文件扩展名，这将解决您的问题!!