首页
学习
活动
专区
工具
TVP
发布

webpack-JS-Tree-Shaking

Tree-Shaking 概述过滤掉无用的 JS 代码和 CSS 代码, 我们称之为 Tree-Shaking例如: 在 a.js 中引入了 b 模块, b 模块中有 2 个方法, 但是我只用到了 1...个方法默认情况下会将 b 模块中所有代码都打包到 a.js 中为了提升网页性能降低打包体积, 我们可以只将用到的方法打包到 a.js 中开启 Tree-Shaking官方文档:https://www.webpackjs.com.../guides/tree-shaking 在这里就不在写多余的废物案例了,就直接介绍一下开启环境和生产环境的使用即可,如果是在开发环境当中的话需要修改开发环境的 webpack.config.js, 也就是修改...webpack.config.dev.js, 告诉 webpack 只打包导入模块中用到的内容:图片optimization: { usedExports: true},本文主要介绍的是 JS.../custom.js';import '..

11400
您找到你想要的搜索结果了吗?
是的
没有找到

tree

所以,我找到了这个tree命令,很好用。一个tree命令,就可以列出对应的目录结构,方便了截图说明问题。 本文的测试环境是centos7.6,当然,在其它的类unix系统中。...都是可以安装使用这个tree命令的。使用方式大同小异。这个很好用的tree命令,可以用于查看文件夹结构。本文中简单介绍tree命令的基本使用方式。...1、安装tree 如果centos系统里面不存在tree命令,是不会提示unknown command的,而是提示下面的信息: [root@docker-01 ~]# tree -bash: tree:...安装完成后,目录路径为: [root@docker-01 ~]# which tree /usr/bin/tree 2、查看当前目录结构 在tree命令后,增加目录路径即可。...[root@docker-01 /]# tree ./ -f > tree.txt [root@docker-01 /]# head -n 5 tree.txt . ├── .

98520
领券