webpack4当webpack配置文件不在根目录时如何配置CleanWebpackPlugin?

迭代狂
• 阅读 2715
新版clean-webpack-plugin在使用上一共两个变化。1.不需要指定打包文件名,他会自动找output下面的配置。2.引入时需要使用一个对象去接收
  • 目录展示

webpack4当webpack配置文件不在根目录时如何配置CleanWebpackPlugin?

  • 版本展示
// package.json
"webpack": "^4.43.0",
"webpack-cli": "^3.3.11",
"clean-webpack-plugin": "^3.0.0",
  • 导入
const {
    CleanWebpackPlugin
} = require('clean-webpack-plugin');
  • 配置
// webpack.config.js
plugins: [
    new webpack.ProgressPlugin(),
    new CleanWebpackPlugin(),
    new HtmlWebpackPlugin({ template: 'index.html' })
],
output: {
    filename: 'bundle.js', 
    path: path.resolve(__dirname, '../dist')
}
点赞
收藏
评论区
推荐文章
blueju blueju
4年前
umi 项目多环境打包配置
参考:1.1.1.<br/我的需求:在不同环境(dvl、sit)下打包,请求基础地址也需要随环境的变化而改变<br/遇到的困难:umiv3文档不完善未知bug<aname"K770H"</a1.创建不同环境的配置文件此部分可参考:2.<br/需要dvl、sit两个环境,因此创建两个配置文件,如图:<br
美凌格栋栋酱 美凌格栋栋酱
6个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
菜鸟阿都 菜鸟阿都
4年前
vue项目无配置文件解决方案
问题在开发vue项目时,需要重新设置项目的启动端口,发现项目目录中并没有相关的配置文件【config目录】vue脚手架版本【通过vueversion查询】:@vue/cli4.5.13解决方案在vue项目根目录下创建vue.config.js配置文件vue.config.jsmodule.exportsdevServer:d
Easter79 Easter79
3年前
springboot下 shiro使用ehcache和@cacheable冲突的处理
springboot提供缓存注解标签@Cacheable,当使用ehcache时,autoconfig机制会根据配置文件自动去初始化bean而shiroConfig在@Configuration构造时,也会去初始化ehcache,项目启动会产生如下异常org.apache.shiro.cache.CacheException:net.sf.
Stella981 Stella981
3年前
React生产环境打包&&后台环境运行(有跨域+无跨域)
(1)打包项目1、yarnrunbuild或者2、npmrunbuild  打包后,webpack会自动在根目录生成build文件,里面存放着相关文件  !(https://img2020.cnblogs.com/blog/1291869/202004/1291869202004101706415171581206162.
Stella981 Stella981
3年前
EventBus 线程切换原理
主要问题其实只有两个,其一:如何判断当前发送事件的线程是否是主线程;其二:如何在接收事件时指定线程并执行;一个一个来看。1.如何判断是否在主线程发送EventBus在初始化的时候会初始化一个MainThreadSupport对象,它会去获取主线程的Looper对象并存起来。(当前最新版本如果不是Android环境MainThread
Wesley13 Wesley13
3年前
Vim配合Shell自动上传ftp
shell代码:!/bin/bash网站配置a1('本地目录;主机;yonghuming;mima;远程目录''本地目录;主机;user;pwd;远程目录')选取的网站配置web""本地根目录webroot"本地apache网站根目录"website1echo$1|awk'{split($0,
Stella981 Stella981
3年前
Linux内核的配置机制及其编译过程
Linux内核的配置机制及其编译过程一、配置系统的基本结构Linux内核的配置系统由三个部分组成,分别是:1、Makefile分布在 Linux 内核源代码根目录及各层目录中,定义 Linux 内核的编译规则;2、配置文件(config.in(2.4内核,2
Wesley13 Wesley13
3年前
Ubuntu18.04.1
Ubuntu18.04.1LTS64配置php、nginx、redis重要的说在前面:1.以下安装均在系统根目录进行,即:ubuntu@VM08ubuntu:/$这里执行命令;2.以下配置文件修改最好先把原始文件备份1.安装nginx,输入命令:sudoapt
Easter79 Easter79
3年前
The way of Webpack learning (VI.)
使用commonChunkPlugin的都是基于webpack3.10.0,在webpack4中直接配置optimization就可以了。一:什么是长缓存?浏览器在用户访问页面的时候,为了加快加载速度,对用户请求的静态资源都会进行存储,但是每次代码更新或者升级的时候,我们都需要浏览器去加载新的代码。最方便的方法就是引入新的文件名称,只下载新的
Wesley13 Wesley13
3年前
Go语言单元测试
Go语言似乎是个偏执狂,牺牲了不必要的灵活性,带来一些强制的编程风格和约定。比如:1.无任何形式的Makefile,模块就是目录、包就是目录、编译配制就是目录!2.不光目录被用上了,文件名还能指定用途。文件名后缀为\_test.go的都是单元测试文件,\_linux32.go就是32位linux特定的代码。3.不光文件名被用上了,函数名还