webpack优化

栏目: JavaScript · 发布时间: 6年前

内容简介:1,增加CleanWebpackPlugin插件,作用是,清空之前的dist文件夹,避免文件积攒2,由于开发模式下会运行 HotModuleReplacementPlugin所以在本地build的时,会针对生成的新的dist文件,这样就触发了热更新并自动运行babel-loader,而babel-loader会生成新的转码文件,会使得dist文件夹下面增加不必要的转码文件。

1,增加CleanWebpackPlugin插件,作用是,清空之前的dist文件夹,避免文件积攒

2,由于开发模式下会运行 HotModuleReplacementPlugin

所以在本地build的时,会针对生成的新的dist文件,这样就触发了热更新并自动运行babel-loader,而babel-loader会生成新的转码文件,会使得dist文件夹下面增加不必要的转码文件。

此时需要在babel-loader里面增加exclude字段,不再转码dist文件夹

{
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test')],
        exclude: /dist/, // 不再转码dist文件夹
        options: {
          cacheDirectory:true
        }
      },

以上所述就是小编给大家介绍的《webpack优化》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

软件的奥秘

软件的奥秘

[美] V. Anton Spraul / 解福祥 / 人们邮电出版社 / 2017-9-1 / 49

软件已经成为人们日常生活与工作中常见的辅助工具,但是对于软件的工作原理,很多人却不是非常了解。 本书对软件的工作原理进行了解析,让读者对常用软件的工作原理有一个大致的了解。内容涉及数据如何加密、密码如何使用和保护、如何创建计算机图像、如何压缩和存储视频、如何搜索数据、程序如何解决同样的问题而不会引发冲突以及如何找出最佳路径等方面。 本书适合从事软件开发工作的专业技术人员,以及对软件工作......一起来看看 《软件的奥秘》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

在线进制转换器
在线进制转换器

各进制数互转换器

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码