Par*_*oos 7 nuxt.js vuetify.js
我创建了一个全新的 NUXT 应用程序,并在其中包含以下最低设置:
// package.json
{
"scripts": {
"generate": "nuxt generate",
"analyze": "nuxt build --analyze"
},
"dependencies": {
"nuxt": "^2.11.0",
"vuetify": "^2.1.3"
},
"devDependencies": {
"@nuxtjs/vuetify": "^1.9.0"
}
}
Run Code Online (Sandbox Code Playgroud)
// package.json
{
"scripts": {
"generate": "nuxt generate",
"analyze": "nuxt build --analyze"
},
"dependencies": {
"nuxt": "^2.11.0",
"vuetify": "^2.1.3"
},
"devDependencies": {
"@nuxtjs/vuetify": "^1.9.0"
}
}
Run Code Online (Sandbox Code Playgroud)
// nuxt.config.js
export default {
buildModules: [["@nuxtjs/vuetify"]]
};
Run Code Online (Sandbox Code Playgroud)
请注意,我实际上并没有使用任何 Vuetify 组件。所以如果我跑npm generate,我会得到什么?
./dist/about.index.html --- 243KB, almost all of it vuetify CSS
./_nuxt/'vendors.app' --- 266KB, 265KB of it Vuetify
Run Code Online (Sandbox Code Playgroud)
将此与对上述设置进行单个更改时发生的情况进行对比:我只是删除了整个 nuxt.config.js 文件,返回到默认文件。运行后npm generate,我得到:
./dist/about.index.html --- 2KB
./_nuxt/'vendors.app' --- 0KB, The file is gone!
Run Code Online (Sandbox Code Playgroud)
Vuetify 的树抖动是怎么回事?(我尝试通过在 nuxt.config.js 中将其设置为 true 来强制 treeshaking,并且没有任何变化)为了使用 Vuetify,250KB 的 vendor.app 和 250KB 的 CSS 是您必须“支付”的最低费用吗?还是我在这个设置中犯了某种错误?
| 归档时间: |
|
| 查看次数: |
548 次 |
| 最近记录: |