从 vue.js 中删除未使用的重包
Removing unused heavy packages from vue.js
所以最近我真的很想加快我有点重的网站,但是当我构建应用程序时我注意到我有 2 个包非常重而且我没有使用或者至少我没有使用'不知道他们在用什么。
包是pdmake.js和xlsx.js,如下图所示:
我尝试卸载它们,但没有用 我还检查了 package.json 但它们不存在,所以我对这两个特定的软件包感到非常困惑。我的 js 文件夹或项目中的任何文件夹中也没有任何这些文件。
pdfmake.js
和 xlsx.js
被 AmCharts
包含
它们仅在需要时由浏览器动态获取 - 因此唯一的缺点是增加了构建时间。如果您确定没有 need/use 这些 - 您可以通过 vue.config.js
:
禁用它们
// vue.config.js
module.exports = {
chainWebpack: config =>
{
config.externals = function (context, request, callback)
{
if (/xlsx|canvg|pdfmake/.test(request))
{
return callback(null, "commonjs " + request);
}
callback();
}
}
}
所以最近我真的很想加快我有点重的网站,但是当我构建应用程序时我注意到我有 2 个包非常重而且我没有使用或者至少我没有使用'不知道他们在用什么。
包是pdmake.js和xlsx.js,如下图所示:
我尝试卸载它们,但没有用 我还检查了 package.json 但它们不存在,所以我对这两个特定的软件包感到非常困惑。我的 js 文件夹或项目中的任何文件夹中也没有任何这些文件。
pdfmake.js
和 xlsx.js
被 AmCharts
它们仅在需要时由浏览器动态获取 - 因此唯一的缺点是增加了构建时间。如果您确定没有 need/use 这些 - 您可以通过 vue.config.js
:
// vue.config.js
module.exports = {
chainWebpack: config =>
{
config.externals = function (context, request, callback)
{
if (/xlsx|canvg|pdfmake/.test(request))
{
return callback(null, "commonjs " + request);
}
callback();
}
}
}