webpack打包优化(webpack打包优化文件大小)

喜欢ヅ旅行 2023-09-26 14:37 38阅读 0赞

## webpack 打包怎么优化的 ##

解决webpack打包的文件体积过大的问题：

确实，每次打包从入口开始，会parse所有的依赖，多的时候竟然打包一次要2秒多，简直不能忍。然而，有几个解决方案，最有效的，是使用weboack的watch，只有文件md5变化时，才会重新打包，并且只parse有变化的文件，其他没变化的文件是使用缓存的。这样子，打包时间迅速降到200ms以内。 再优化下去的话，我们要知道webpack打包的过程中做了啥，首先是解析依赖啦，然后就是各种各样的loader。从解析依赖的角度入手，我们可以bower install一些打包好的文件，然后通过设置别名让依赖指向这个文件，这样就减去了第三方库的依赖解析时间。 然后各种各样的loader也是很耗时的，一种办法是在loader里面配include，让loader只针对特殊资源。1. 我是否需要系统管理员权限才能安装ise webpack?

windows2000用户必须是系统管理员或权限高的用户(power user )才能进行注册。 如果您与第三方软件，如leonardospectrum 或model sim xe iii (mxe-iii)一起使用ise webpack，您需要修改注册表. 对于那些位于防火墙后，或公司有限制的人，如果您有关于代理服务器的问题，请咨询您的系统管理员。

在red hat enterprise 3 linux 上需要您以'root'登录才能成功安装 ise webpack. 因为安装是在系统上安装驱动器，所以除非您以'root'登录，否则安装不会成功。

\[返回页首\]

2. ise webpack可以安装到现有xilinx工具所在的硬盘上吗？

可以，如果ise webpack工具都安装到自己的目录中，他们就可以安装到现有xilinx工具所在的同一硬盘上。

\[返回页首\]

3. 在 ise foundation 中包含了哪些 ise webpack所不包含的工具?

没有, ise webpack 包含了荣获众多奖项的 ise foundation 设计工具中全部的特性和功能。 区别仅仅在于 ise foundation 支持所有 fpga 家族的器件。 ise webpack 不支持某些大型 fpga 器件。

\[返回页首\]

4. 我如何开始一个项目？

1 - 从项目浏览器中，选择file -> new project。 将会出现 new project对话框。

2 - 在项目名称框中，键入您项目的名称。

3 - 通过指定项目位置选择项目文件的目录。 您可键入路径，或者点击浏览按钮找到一个放置项目文件的目录。

4 - 点击device family值，显示出已安装的xilinx系列器件。

5 - 从列表中选择一个系列，然后点击第二列中的device框，再选择特定的器件。 重复上述过程选择器件封装和速度级.

6 - 选择design flow 框并选择希望用于设计综合的语言和编译器。

7 - 一旦建立好您的项目，您可选择项目浏览器中的project 菜单项，您可创建一个新的源设计文件或者增加一个现有的源文件。

有关这些过程的更多信息可从help菜单>> ise help contents 选项中找到。

\[返回页首\]

5. 无法打开安装(setup)程序。 错误编码 - 2147024890 下载网页, 请稍侯. 这错误是什么意思？

这错误信息是在你的个人电脑未安装 ie 浏览器,而你试图用netscape打开web install 下载网页时所发生。 即使你不用,也必需安装 ie 浏览器。

\[返回页首\]

器件和功能支持

1. ise webpack/ webfitter 应用支持什么器件?

ise webpack支持下表中所列的器件：

fpga

virtex™ 系列 virtex-e: xcv50e - xcv600e

virtex-ii: xc2v40 - xc2v600

virtex-ii pro: xc2vp2 - xc2vp7

virtex-4:

lx: xc4vlx15, xc4vlx25, xc4vsx25、xc4vfx12

spartan™ 系列 spartan-ii: 全部

spartan-iie: 全部

spartan-3: xc3s50 - xc3s1500

spartan-3e: 全部

spartan-3l: xc3s1000l, xc3s1500l

coolrunner-ii

coolrunner-iia

coolrunner-xpla3 全部

xc9500 / xl / xv 系列 全部

\[返回页首\]

2. ise webpack提供哪些功能和特点？

参见ise webpack性能支持矩阵。

\[返回页首\]

3. 就适配或布局性能来说，ise webpack和其它xilinx工具间有什么区别吗？

没有，ise webpack 软件包含与其它ise系列成员同样的pld布线算法。 因此具有同样的性能。

\[返回页首\]

4. modelsim xilinx 版- iii (mxe-iii) starter的使用限制是什么?

mxe-iii starter的调试代码为10,000 行。 超过这一限制，进程开始慢下来，但不会停止。 该软件的用途依赖于使用的代码类型和仿真方式(功能或时序)。

\[返回页首\]

5. 仅仅想从独立的便携式电脑中进行器件编程需要什么软件？

ise webpack 提供了模块化安装方法，允许您选择安装所需要的软件。 在 ise webpack 的主页选择 webinstall 并按照 cpld 编程工具安装的选项进行。

\[返回页首\]

6. 我如何重新设置cpld器件的速度等级? fpga呢？

对cpld和fpga ，速度等级都是在项目创建时做为器件项目属性的一部分选择的。 要改变器件的速度等级，双击项目所选择的器件并选择不同速度等级的器件即可。

\[返回页首\]

1. ise webpack支持abel器件的仿真吗？ 如何支持？

支持的。ise webpack 集成了abel 7.5版，以及abel-xst vhdl 和abel-xst verilog设计流程，因此可支持仿真.

请看设计流程中的项目属性菜单。 这些流程提供了verilog 和vhdl网表，这些网表可在hdl bencher中进行功能仿真，并可利用modelsim xe starter使用进行适配后仿真。

\[返回页首\]

2. 我如何获得旧的ise webpack软件以重新编译老设计？

ise classics页有与所有旧软件工具的链接。 这些旧版本的设计软件可根据需要下载。 为了避免不同版本的软件冲突，这些老版本软件应当安装到与现有ise webpack版本不同的目录中。

\[返回页首\]

3. 对基于web的应用提供支持吗？

基于web的工具利用基于web的支持。 享有 ise foundation 和其他产品相同的热线专家提供的在线技术支持，但是其在线问题的优先级低于全付费软件用户。 所有问题都会在10天内回答。 求助快速服务，我们提供直接的网络工具支持信息包，请与您当地的xilinx代表处联系购买。

\[返回页首\]

4. ise webpack将在什么时候更新?

ise webpack 是xilinx 软件配置规划的一部分. ise webpack 将使用与ise foundation 或ise basex™相同的安装程序. 这一改进还允许ise webpack 利用软件服务包进行升级。 如果您下载了webinstall小程序，该程序调用时将自动更新您的软件

\[返回页首\]

5. 我如何通过命令行运行ise webpack？

ise webpack命令行操作仅适用于cpld。 您必须首先保证xilinx环境变量设置正确。 在安装过程中，有自动设置环境变量的选项。 如果没有选择该选项，那么您需要手动设置环境变量指向ise webpack安装位置。

xflow是允许您自动化 xilinx实施和仿真流程的命令行工具。 xflow可将设计文件、流程文件和选项文件作为输入。 如果想了解有关这方面的更多信息，请参考在线帮助手册中 开发系统参考指南部分的内容。

\[返回页首\]

6. 什么平台支持ise webpack？

支持的操作系统有: windows xp, windows 2000 service pack 2 (中文, 韩文, 英文, 日文) 和 red hat enterprise 3 linux.

![webpack打包优化][webpack]

## webpack是怎么打包文件的 ##

当作为背景图的时候,小于limit的时候,会以 base64 显示图片,当图片大于 limit 的时候会将图片生成到 image/ 目录下,但是奇葩的地方出现了

background-image:url("../image/xxx.jpg")

//在打包后的css文件会变成

background-image:url(image/xxx.jpg)

//没有了 ../ 和双引号,尽管image目录下有图片,但是引用路径不对这个任务并不是webpack可以胜任的，虽然webpack cover了一部分gulp/grunt的职能，但是不要忘了webpack的名字，它主要功能还是在于package，所以还是使用gulp/grunt进行上传吧，至于打包的task可以使用gulp-webpack这类插件来调用webpack。

关于上传server这个插件可以满足你好吧，自己二了，在package.json的build命令前执行自定义的文件写入js就可以了。。

"scripts": \{

"dev":"node build/create-index.js && node build/dev-server.js",

"build": "node build/create-index.js && node build/build.js"

[webpack]: https://img2.baidu.com/it/u=477976279,1764627700&fm=26&fmt=auto