(注:如无特殊说明这里的配置文件都指的是webpack.config.js) minCssExtract 我们通常期望js和js文件一起,css和css文件一起.该插件将CSS提取到单独的文件中.它为每个包含CSS的JS文件创建一个CSS文件.它支持CSS和SourceMap的按需加载. 1.安装组件命令:npm install  mini-css-extract-plugin 2. 在配置文件中引入:const MiniCssExtractPlugin = require('mini-css-…

loader是webpack用来预处理源文件的,比如typesrcipt形式的文件最终都得转成浏览器可以执行的js文件 (注:以下的配置代码不一定与下方一摸一样,具体与官网上https://webpack.docschina.org/loaders/的为准,如无一般说明配置文件都指的是webpack.config.js) url-loader 1.先在配置文件中配置Loader(具体的配置代码去https://webpack.docschina.org/loaders/file-loader/复…

1.查看node.js版本.npm版本和webpack版本(使用webpack4时,请确保node.js的版本>=8.9.4) 2.我先重新卸载了webpack和webpack-cli(全局) npm uninstall -g webpack-cli npm uninstall -g webpack 3.全局安装webpack-cli和webpack npm install webpack-cli -g npm install webpack -g 4.测试一下webpack4的新特性,不用配置…

每次修改都要去编译,这个操作比较繁琐.所以我们希望编译过程是自动化的,而且页面的更新也是自动化的.所以需要使用这个热替换 1.首先安装webpack-dev-server:npm install  webpack-dev-server -D(-D生产环境下) (作用为:启动服务并且能够支持热替换) 2.更改一下我们的配置文件 3.启动webpack-dev-server 因为我们没有全局安装webpack-dev-server,所以不能在终端输入webpack-dev-server去启动,我们需…

/** * lihaibo * 文章内容都是根据自己工作情况实践得出. *版权声明:本博客欢迎转发,但请保留原作者信息! http://www.cnblogs.com/horizonli/p/5331970.html */ 从Jenkins(二)中可以知道 jenkins 的工作目录为/opt/jenkins [很重要!!!][很重要!!!][很重要!!!]在配置此目录以前,将这两台的主机进行配置为ssh  root用户无密码远程登录(即相互登录不用输入密码),可以google一下. jenki…

发现一个问题:如果安装了jRebel,但是并未对项目添加jRebel监听时,如果重写jar包中的类, 虽然重写后的类会得到编译(classes中的class已经是修改后的class),但是并不会调用重写后的class而是仍然调用的jar包中的class, 除非将项目添加到jRebel监听中,重新才会起作用. 你是否还在天天为写了几行代码又重启一次服务器而烦扰,如果是的话你有幸遇上了我,并看了这篇博客,有了这篇博客你将在世上多活X时间. 此文实现改写java不重启的方式是Eclipse下安装JRe…

vscode 自动修复 setting.json 修改完,得重启浏览器,不用 npm run dev 就能看到效果 "editor.codeActionsOnSave": { "source.fixAll.eslint": false }, 最后解决了!! 装的 prettier+ 3.6.4 Benas Svipas 研究了一天,最后放弃了,随便改了.改成false,能用了.不是我不明白,这都什么配置.匪夷所思的. =======================…

一.环境及软件 安装环境: 安装目录: /usr/local/ae/ankaban Hadoop 安装目录 export HADOOP_HOME=/usr/local/ae/hadoop-1.2.1 azkaban-executor-2.5.0安装目录:/usr/local/ae/azkaban/azkaban-executor-2.5.0 安装软件: azkaban-jobtype-2.5.0.tar.gz Azkaban jobtype plugin source:github.com/az…

很长时间没有进行webpack打包配置了,想起来都快有些忘记了,这个东西不是经常用到,只有在新建个项目的时候用到,不用官方模板,自己去动手配置的时候,有时候觉得还是有点难度.今天就想着自己动手进行配置一下,可是还是遇到坑了,折腾了一会,现在的webpack版本都4.x了,有些插件都有些改变. 今天就遇到了一个问题,打算对js里面的css进行分离.原本是把css文件引入到index.js入口文件里面和js一起打包.可是有时候也有这种要求,需要对css文件进行分离打包.这个时候就想到extract-…

近几篇ElasticSearch系列: 1.阿里云服务器Linux系统安装配置ElasticSearch搜索引擎 2.Linux系统中ElasticSearch搜索引擎安装配置Head插件 3.ElasticSearch搜索引擎安装配置中文分词器IK插件 4.ElasticSearch搜索引擎安装配置拼音插件pinyin 5.ElasticSearch搜索引擎在JavaWeb项目中的应用 一.Head简介 在学习ElasticSearch(以下简称ES)的过程中,必不可少需要通过一些工具查看ES…