• tree shaking


    tree shaking:去除应用程序中没有使用到的无用代码

    前提:

      ① 使用 ES6 模块化

      ② 开启 production 环境

    作用:减少代码体积

    test.js

    test.js 中定义了 通过 ES6 模块 暴露了 add 和 count 两个方法,

    index.js 中 引入了 add 和 count 方法,但是 count 方法的返回值没有使用

    webpack 编译打包后的 js 文件中,没有 count 方法的执行,自动去除了没有使用的无用代码,

    当在 package.json 中配置 "sideEffects" : false,时,所有的代码都可以进行 tree shaking,都没有副作用

    但是,可能会把css / @babel/polyfill (副作用)文件去除

    避免这种情况,需要重新配置    "sideEffects": ["*.css", "*.less"],过滤到这些文件使用 tree shaking

    css 文件 保存了

  • 相关阅读:
    SVG
    JavaScript的性能优化
    sublime长期使用的快捷键
    spring实现AOP
    java之spring
    JAVA面试题02
    java面试题01
    MyBatis之关联关系
    MyBatis之动态sql
    MyBatis之sql映射文件
  • 原文地址:https://www.cnblogs.com/shanlu0000/p/13054938.html
Copyright © 2020-2023  润新知