《基于 Vue 组件库的 Webpack5 配置》7.路径别名 resolve.alias 和性能 performance

最新推荐文章于 2024-09-21 14:14:08 发布

AvatarGiser

最新推荐文章于 2024-09-21 14:14:08 发布

阅读量1.5k

点赞数

分类专栏：《Webpack 基础知识》文章标签： vue.js 数据库前端 webpack

本文链接：https://blog.csdn.net/sinat_31213021/article/details/132497300

版权

《Webpack 基础知识》专栏收录该内容

14 篇文章 0 订阅

订阅专栏

路径别名 resolve.alias

const path = require('path');

module.exports = {
    resolve: {
        alias: {
            "@": path.resolve(__dirname, "./src/"),
            "@assets": path.resolve(__dirname, "./src/assets/"),
            "@mixins": path.resolve(__dirname, "./src/mixins/"),
            "@components": path.resolve(__dirname, "./src/components/"),
            "@images": path.resolve(__dirname, "./src/assets/images/")
        },
        extensions: [".*", ".js", ".vue", ".json"]
    }
}

性能 performance

module.exports = {
    performance: {// 性能
        hints: 'warning', // 枚举 false 关闭性能提示
        maxEntrypointSize: 10240000000000, // 最大入口文件大小
        maxAssetSize: 10240000000000, // 最大资源文件大小
    },
}