webpack 配置:pixi.js 在 app.js 中导入生成超过 2MB 的分发文件
webpack configuration: pixi.js imported in app.js generates an over 2MB distribution file
基于 pixi.js 和 es6 模块创建 pixi.js 组件。
在我的 app.js 中,我从 pixi.js 导入所有内容:
import * as PIXI from 'pixi.js';
我也在用 babel 转译代码:
rules: [
{
test: /\.js$/,
exclude: /(node_modules)/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
}
]
结果生成了一个大文件。如果我从 app.js 中排除 pixi.js - 文件只有 700KB。
pixi.js(unminified)是 1.3MB,所以你期望什么?如果你想要更小的文件大小,你必须使用 webpack 的缩小插件,比如 uglify。
基于 pixi.js 和 es6 模块创建 pixi.js 组件。
在我的 app.js 中,我从 pixi.js 导入所有内容:
import * as PIXI from 'pixi.js';
我也在用 babel 转译代码:
rules: [
{
test: /\.js$/,
exclude: /(node_modules)/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
}
]
结果生成了一个大文件。如果我从 app.js 中排除 pixi.js - 文件只有 700KB。
pixi.js(unminified)是 1.3MB,所以你期望什么?如果你想要更小的文件大小,你必须使用 webpack 的缩小插件,比如 uglify。