webpack优化

数字追月使
• 阅读 828

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
        }
      },
点赞
收藏
评论区
推荐文章
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
待兔 待兔
1年前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Easter79 Easter79
3年前
springboot+vue前后端分离,nginx代理配置 tomcat 部署war包详细配置
1.做一个小系统,使用了springbootvue基础框架参考这哥们的,直接拿过来用,链接https://github.com/smallsnailwh/interest前期的开发环境搭建就不说了,太多了,自己找吧。2.发布部署将开发好的前端vue代码执行npmrunbuild默认会生成dist文件夹(里面都是一些js文件)in
Jacquelyn38 Jacquelyn38
4年前
React.js中JSX的原理与关键实现
在开始开发之前,我们需要创建一个空项目文件夹。安装1.初始化npm init y2.安装webpack相关依赖npm install webpack webpackcli D3.安装babelloader相关依赖npm install babelloader @babel/core @babel/presetenv D4.
Souleigh ✨ Souleigh ✨
4年前
前端性能优化 - 雅虎军规
无论是在工作中,还是在面试中,web前端性能的优化都是很重要的,那么我们进行优化需要从哪些方面入手呢?可以遵循雅虎的前端优化35条军规,这样对于优化有一个比较清晰的方向.35条军规1.尽量减少HTTP请求个数——须权衡2.使用CDN(内容分发网络)3.为文件头指定Expires或CacheControl,使内容具有缓存性。4.避免空的
Stella981 Stella981
3年前
Dubbo 扩展点加载机制:从 Java SPI 到 Dubbo SPI
!(https://oscimg.oschina.net/oscnet/up1aa4ada0efc8a144d35d25b3443d951c7e3.JPEG)SPI全称为ServiceProviderInterface,是一种服务发现机制。当程序运行调用接口时,会根据配置文件或默认规则信息加载对应的实现类。所以在程序中并没有直接指定使用接口
Wesley13 Wesley13
3年前
vscode调试使用nodejs纯调试javascript
vscode调试使用nodejs纯调试javascript其实就是跟自己较劲,可以写个包含js的html进行调试,不用这么麻烦做单独调试!不过个人开发就是喜欢语言有各自的环境!在本地目录编写好js以后,按运行调试然后编辑器会自动生成.vscode目录,并且下面会生成launch.json文件,并弹出需要自己扩充修改{
Stella981 Stella981
3年前
Docker镜像+nginx 部署 vue 项目
一、打包vue项目在开发完的vue项目输入如下命名,打包生成dist文件夹yarnbuild/npmrunbuild此时根目录会多出一个文件夹:dist文件夹,里面就是我们要发布的东西。如果将该dist目录整个传到服务器上,部署成静态资源站点就能直接访问到该项目。!(https://img2018.cnblog
Stella981 Stella981
3年前
React生产环境打包&&后台环境运行(有跨域+无跨域)
(1)打包项目1、yarnrunbuild或者2、npmrunbuild  打包后,webpack会自动在根目录生成build文件,里面存放着相关文件  !(https://img2020.cnblogs.com/blog/1291869/202004/1291869202004101706415171581206162.
Stella981 Stella981
3年前
Hadoop完整搭建过程(一):本地模式
1本地模式本地模式是最简单的模式,所有模块都运行在一个JVM进程中,使用本地文件系统而不是HDFS。本地模式主要是用于本地开发过程中的运行调试用,下载后的Hadoop不需要设置默认就是本地模式。2准备工作笔者喜欢把JDK放在/usr/local下,运行前请确保设置了JAVA_HOME,注
十月飞翔 十月飞翔
3年前
Gitlab 相关FAQ
1.gitlab网址:https://code.cestc.cn/zhujinqiang/ownproject2.本地安装好git后,在C:\Users\admin下运行sshkeygentrsaC"comment"生成.ssh文件夹,将生成的公钥上传到自己的gitlab密钥位置。此时还不