- webpack 配置
weixin_44101835
webpack前端node.js
webpack.base.jsconstpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');constMiniCssExtractPlugin=require('mini-css-extract-plugin');modules.export=function(isDev){return{//入口文件
- webpack plugin
_Rookie._
webpackwebpack前端node.js
Webpack的插件（plugin）和loader的执行顺序有所不同。插件的执行顺序是按照它们在配置中的声明顺序执行的，而不是倒序执行。插件的执行顺序在Webpack配置文件中，插件是按照它们在plugins数组中的顺序依次执行的。也就是说，先声明的插件会先执行，后声明的插件会后执行constHtmlWebpackPlugin=require('html-webpack-plugin');cons
- html版本号 webpack_html-webpack-plugin详解
weixin_39994949
html版本号webpack
引言最近在react项目中初次用到了html-webapck-plugin插件，用到该插件的两个主要作用：为html文件中引入的外部资源如script、link动态添加每次compile后的hash，防止引用缓存的外部文件问题可以生成创建html入口文件，比如单页面可以生成一个html文件入口，配置N个html-webpack-plugin可以生成N个页面入口有了这种插件，那么在项目中遇到类似上面
- webpack5基础--11_处理 Html 资源
化作繁星
webpackhtml前端webpack
处理Html资源1.下载包npmihtml-webpack-plugin-D2.配置webpack.config.jsconstpath=require("path");constESLintWebpackPlugin=require("eslint-webpack-plugin");constHtmlWebpackPlugin=require("html-webpack-plugin");mod
- 使用html-webpack-plugin对HTML文件进行预处理
宁法
htmlwebpack前端node.js
原文地址：https://segmentfault.com/a/1190000021518323作者：Fw恶龙本文首发于：思否一、前言先整理一波之前和webpack相关的文章:使用Webpack对CSS文件进行后处理基于Webpack的CSSSprites实现方案Stylus系列——webpack-spritesmith配合stylus使用示例继以上第三篇文章后很大程度上提高了CSS的开发效率，但
- webpack.config.js和vue.config.js
辉娜
vuewebpackjavascriptvue.js
p纯手工搭建：webpack.config.js：constpath=require('path')const{VueLoaderPlugin}=require('vue-loader')constHtmlWebpackPlugin=require('html-webpack-plugin')module.exports={entry:'./src/main.js',//入口文件的地址output
- vue学习笔记
-SkyBlue-
Vue1.webpack4配置文件consthtmlWebpackPlugin=require('html-webpack-plugin');constVueLoaderPlugin=require('vue-loader/lib/plugin');//打包提取cssconstExtractTextPlugin=require("extract-text-webpack-plugin");//混淆
- 需要了解的常用Webpack插件配置-loader加载器
Try Tomato
+Webpackjavascriptwebpack前端工程化loader优化问题
我们都知道通过安装和配置第三方插件，可以使我们的webpack拓展更多的功能，虽然之后开发项目不需要我们自己去进行这些繁琐的配置，但是我们需要知道这些，在必要时我们可以去做出修改比如我们在初识webpack中提到的webpack-dev-server(每当我们修改了源代码，webpack就会自动的进行项目打包和构建)以及html-webpack-plugin（自定制index页面内容，将存在于内存
- webpack区分打包类库代码及代码优化
季末丶晦夏
1.配置文件webpack.configconstpath=require('path')constVueLoaderPlugin=require('vue-loader/lib/plugin');constHTMLPlugin=require('html-webpack-plugin')constwebpack=require('webpack')constExtractPlugin=requi
- 10.配置多个 HTML 文件
coffee1949
之前我们只写了一个html文件，就是src/index.html，但是有时候我们是需要多个的，这个时候，怎么办呢？之前我们是这么做的，用了html-webpack-plugin这个插件来输出html文件。webpack.config.js...newHtmlWebpackPlugin({template:'./src/index.html',filename:'index.html',minify
- Webpack5 基本使用 - 3（完结）
丶清风不问烟雨
前端webpack
环境区分可以定义多个配置文件，通过webpack-merge合并配置文件。安装webpack-mergeyarnaddwebpack-merge公共配置//webpack.common.jsconstpath=require('path')constHtmlWebpackPlugin=require('html-webpack-plugin')module.exports={entry:path.
- Webpack5入门到原理19：React 脚手架搭建
duansamve
webpackwebpack
开发模式配置//webpack.dev.jsconstpath=require("path");constESLintWebpackPlugin=require("eslint-webpack-plugin");constHtmlWebpackPlugin=require("html-webpack-plugin");constReactRefreshWebpackPlugin=require("
- Webpack5入门到原理20：Vue 脚手架搭建
duansamve
webpackwebpack
开发模式配置//webpack.dev.jsconstpath=require("path");constESLintWebpackPlugin=require("eslint-webpack-plugin");constHtmlWebpackPlugin=require("html-webpack-plugin");const{VueLoaderPlugin}=require("vue-load
- vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in you...
___大鱼___
在webpack.config.js中加入constpath=require('path');//导入在内存中生成的HTML插件只要是插件都一定要放在plugin插件中去consthtmlWebpackPlugin=require('html-webpack-plugin');constVueLoaderPlugin=require('vue-loader/lib/plugin');//这个配置文
- webpack4：在内存中生成首页之html-webpack-plugin插件
duansamve
webpack
1、安装：cnpmihtml-webpack-plugin-D2、webpack.config.js中配置plugins属性：constpath=require("path")consthtmlWebpackPlugin=require("html-webpack-plugin")//导入在内存中自动生成html文件的插件//创建一个插件的实例对象consthtmlPlugin=newhtmlWe
- 自己配置react项目
Miss Stone
react.js前端webpack
webpack.dev.jsconstpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');constMiniCssExtractPlugin=require("mini-css-extract-plugin");constCssMinimizerPlugin=require("css-minimize
- 自己配置vue项目
Miss Stone
vue.js前端javascriptwebpack
webpack.dev.jsconstpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');const{VueLoaderPlugin}=require('vue-loader');constESLintPlugin=require('eslint-webpack-plugin');functionge
- Webpack5入门到原理12：处理 Html 资源
duansamve
webpackwebpack
1.下载包npmihtml-webpack-plugin-D2.配置webpack.config.jsconstpath=require("path");constESLintWebpackPlugin=require("eslint-webpack-plugin");constHtmlWebpackPlugin=require("html-webpack-plugin");module.expo
- 本地配置webpack启动
李成泽
1、新建webpack.config.js文件constHtmlWebpackPlugin=require("html-webpack-plugin");module.exports={mode:"none",stats:"none",devtool:"source-map",plugins:[newHtmlWebpackPlugin()],};2、npm生成pakage.json文件3、启动本地
- [HMR] Hot Module Replacement is disabled.
胡儒清
webpack配置letpath=require('path');lethtmlWebpackPlugin=require('html-webpack-plugin');constwebpack=require('webpack');constCleanWebpackPlugin=require('clean-webpack-plugin');module.exports={entry:'./ma
- 手写Webpack-Plugin
菊の物语
webpack前端node.js
Plugin原理一、Plugin作用通过插件我们可以扩展webpack，使webpack可以执行更广泛的任务，拥有更强的构建能力。Plugin工作原理webpack就像一条生产线，要经过一系列处理流程后才能将源文件转换成输出结果。这条生产线上的每个处理流程的职责都是单一的，多个流程之间有存在依赖关系，只有完成当前处理后才能交给下一个流程去处理。插件就像是一个插入到生产线中的一个功能，在特定的时机对
- 【webpack学习】webpack插件之“html-webpack-plugin”
周兴
前端学习#webpack学习webpack学习html
1.介绍html-webpack-plugin是一个Webpack插件，用于简化在构建过程中创建HTML文件的过程。它的作用是根据你的Webpack构建配置，在构建时自动生成一个或多个HTML文件，并将打包生成的JavaScript和CSS文件自动引入到这些HTML文件中。2.功能自动生成HTML文件：html-webpack-plugin插件能够自动生成一个包含正确引用打包后的JavaScrip
- webpack配置-loader配置详情-module配置详情
_套码的汉子
javascriptwebpack前端webpackjavascript
webpack配置-loader配置详情-module配置详情比较上一篇博客的webpack.config.js文件仅更新了module对象链接:webpack配置–output常用配置详情-打包文件命名-抛出全局对象.const{resolve}=require("path");//路径处理consthtmlWebpackPligins=require("html-webpack-plugin"
- webpack高手秘籍（四）
vv_小虫虫
前言我们继续前面的内容，把webpack剩下的配置项撸一遍，推荐大家先看一下前面的文章：webpack源码解析一webpack源码解析二（html-webpack-plugin插件）webpack源码解析三webpack源码解析四配置devtool此选项控制是否生成，以及如何生成sourcemap。什么是Sourcemap？简单说，Sourcemap就是一个信息文件，里面储存着位置信息。也就是说，
- 利用插件机制横向扩webpack构建能力
翔子丶
webpack插件机制是为了增强webpack在项目自动化构建方面的能力（解决除loader资源模块打包外的其他自动化工作）常见应用场景：实现自动在打包之前清除dist目录，clean-webpack-plugin每次打包都会覆盖到dist目录，只能覆盖同名文件，需要配置output.path自动生成应用所需的HTML文件，html-webpack-plugin在html中自动注入webpack打
- webpack 基础配置
小和尚敲木头
前端webpackrust前端
开发环境constpath=require("path");constHtmlWebpackPlugin=require("html-webpack-plugin");constMiniCssExtractPlugin=require("mini-css-extract-plugin");module.exports={entry:"./src/main.js",output:{path:unde
- 尚硅谷Webpack实战教程基础配置
ZhouXin_0819
Webpackwebpack前端node.js
Webpack基本配置通俗易懂//设置webpack基础配置//开发环境配置：能让代码运行//运行项目指令//webpack会将打包结果输出出去//npxwebpack-dev-server只会在内存中编译打包,没有输出const{resolve}=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');modul
- Webpack高级应用篇
sourceunity
webpack前端javascript开发语言性能优化
source-mapconstHtmlWebpackPlugin=require('html-webpack-plugin')module.exports={mode:'development',entry:'./app.js',devtool:false,//默认值为evalplugins:[newHtmlWebpackPlugin()]}devServerdevServer:{static:p
- webpack多入口打包
海上彼尚
Webpackwebpack前端node.js
首先得确定用webpack构建的应用，再然后后就是确定目录。这两个js文件分别对应两个html文件，在html中需要分别引入对应的js文件。处理html中引入的问题可以使用html-webpack-plugin这个插件。配置：module.exports={entry:{index:path.resolve(__dirname,"./src/index.js"),map:path.resolve(
- 代码分割
visitor009
代码分割：当两个文件同时引用同一个模块时时，将其抽取出来官方例子//webpack.config.jsconstpath=require('path');constHTMLWebpackPlugin=require('html-webpack-plugin');constwebpack=require('webpack');module.exports={entry:{index:'./src/i
- 关于旗正规则引擎下载页面需要弹窗保存到本地目录的问题
何必如此
jsp超链接文件下载窗口
生成下载页面是需要选择“录入提交页面”，生成之后默认的下载页面<a>标签超链接为：<a href="<%=root_stimage%>stimage/image.jsp?filename=<%=strfile234%>&attachname=<%=java.net.URLEncoder.encode(file234filesourc
- 【Spark九十八】Standalone Cluster Mode下的资源调度源代码分析
bit1129
cluster
在分析源代码之前，首先对Standalone Cluster Mode的资源调度有一个基本的认识：
首先，运行一个Application需要Driver进程和一组Executor进程。在Standalone Cluster Mode下，Driver和Executor都是在Master的监护下给Worker发消息创建(Driver进程和Executor进程都需要分配内存和CPU，这就需要Maste
- linux上独立安装部署spark
daizj
linux安装spark1.4部署
下面讲一下linux上安装spark，以 Standalone Mode 安装
1）首先安装JDK
下载JDK：jdk-7u79-linux-x64.tar.gz ，版本是1.7以上都行，解压 tar -zxvf jdk-7u79-linux-x64.tar.gz
然后配置 ~/.bashrc&nb
- Java 字节码之解析一
周凡杨
java字节码javap
一： Java 字节代码的组织形式
类文件 {
OxCAFEBABE ，小版本号，大版本号，常量池大小，常量池数组，访问控制标记，当前类信息，父类信息，实现的接口个数，实现的接口信息数组，域个数，域信息数组，方法个数，方法信息数组，属性个数，属性信息数组
}
&nbs
- java各种小工具代码
g21121
java
1.数组转换成List
import java.util.Arrays;
Arrays.asList(Object[] obj); 2.判断一个String型是否有值
import org.springframework.util.StringUtils;
if (StringUtils.hasText(str)) 3.判断一个List是否有值
import org.spring
- 加快FineReport报表设计的几个心得体会
老A不折腾
finereport
一、从远程服务器大批量取数进行表样设计时，最好按“列顺序”取一个“空的SQL语句”，这样可提高设计速度。否则每次设计时模板均要从远程读取数据，速度相当慢！！
二、找一个富文本编辑软件（如NOTEPAD+）编辑SQL语句，这样会很好地检查语法。有时候带参数较多检查语法复杂时，结合FineReport中生成的日志，再找一个第三方数据库访问软件（如PL/SQL）进行数据检索，可以很快定位语法错误。
- mysql linux启动与停止
墙头上一根草
如何启动/停止/重启MySQL一、启动方式1、使用 service 启动：service mysqld start2、使用 mysqld 脚本启动：/etc/inint.d/mysqld start3、使用 safe_mysqld 启动：safe_mysqld&二、停止1、使用 service 启动：service mysqld stop2、使用 mysqld 脚本启动：/etc/inin
- Spring中事务管理浅谈
aijuans
spring事务管理
Spring中事务管理浅谈
By Tony Jiang@2012-1-20 Spring中对事务的声明式管理
拿一个XML举例
[html]
view plain
copy
print
?
<?xml version="1.0" encoding="UTF-8"?>&nb
- php中隐形字符65279（utf-8的BOM头）问题
alxw4616
php中隐形字符65279（utf-8的BOM头）问题
今天遇到一个问题. php输出JSON 前端在解析时发生问题:parsererror.
调试:
1.仔细对比字符串发现字符串拼写正确.怀疑是 非打印字符的问题.
2.逐一将字符串还原为unicode编码. 发现在字符串头的位置出现了一个 65279的非打印字符.
- 调用对象是否需要传递对象(初学者一定要注意这个问题)
百合不是茶
对象的传递与调用技巧
类和对象的简单的复习,在做项目的过程中有时候不知道怎样来调用类创建的对象,简单的几个类可以看清楚,一般在项目中创建十几个类往往就不知道怎么来看
为了以后能够看清楚,现在来回顾一下类和对象的创建,对象的调用和传递(前面写过一篇)
类和对象的基础概念:
JAVA中万事万物都是类 类有字段(属性),方法,嵌套类和嵌套接
- JDK1.5 AtomicLong实例
bijian1013
javathreadjava多线程AtomicLong
JDK1.5 AtomicLong实例
类 AtomicLong
可以用原子方式更新的 long 值。有关原子变量属性的描述，请参阅 java.util.concurrent.atomic 包规范。AtomicLong 可用在应用程序中（如以原子方式增加的序列号），并且不能用于替换 Long。但是，此类确实扩展了 Number，允许那些处理基于数字类的工具和实用工具进行统一访问。
- 自定义的RPC的Java实现
bijian1013
javarpc
网上看到纯java实现的RPC，很不错。
RPC的全名Remote Process Call，即远程过程调用。使用RPC，可以像使用本地的程序一样使用远程服务器上的程序。下面是一个简单的RPC 调用实例，从中可以看到RPC如何
- 【RPC框架Hessian一】Hessian RPC Hello World
bit1129
Hello world
什么是Hessian
The Hessian binary web service protocol makes web services usable without requiring a large framework, and without learning yet another alphabet soup of protocols. Because it is a binary p
- 【Spark九十五】Spark Shell操作Spark SQL
bit1129
shell
在Spark Shell上，通过创建HiveContext可以直接进行Hive操作
1. 操作Hive中已存在的表
[hadoop@hadoop bin]$ ./spark-shell
Spark assembly has been built with Hive, including Datanucleus jars on classpath
Welcom
- F5 往header加入客户端的ip
ronin47
when HTTP_RESPONSE {if {[HTTP::is_redirect]}{ HTTP::header replace Location [string map {:port/ /} [HTTP::header value Location]]HTTP::header replace Lo
- java-61-在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差. 求所有数对之差的最大值。例如在数组{2, 4, 1, 16, 7, 5,
bylijinnan
java
思路来自：
http://zhedahht.blog.163.com/blog/static/2541117420116135376632/
写了个java版的
public class GreatestLeftRightDiff {
/**
* Q61.在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差。
* 求所有数对之差的最大值。例如在数组
- mongoDB 索引
开窍的石头
mongoDB索引
在这一节中我们讲讲在mongo中如何创建索引
得到当前查询的索引信息
db.user.find(_id:12).explain();
cursor: basicCoursor 指的是没有索引
&
- [硬件和系统]迎峰度夏
comsci
系统
从这几天的气温来看，今年夏天的高温天气可能会维持在一个比较长的时间内
所以，从现在开始准备渡过炎热的夏天。。。。
每间房屋要有一个落地电风扇，一个空调(空调的功率和房间的面积有密切的关系)
坐的，躺的地方要有凉垫，床上要有凉席
电脑的机箱
- 基于ThinkPHP开发的公司官网
cuiyadll
行业系统
后端基于ThinkPHP，前端基于jQuery和BootstrapCo.MZ 企业系统
轻量级企业网站管理系统
运行环境:PHP5.3+, MySQL5.0
系统预览
系统下载：http://www.tecmz.com
预览地址：http://co.tecmz.com
各种设备自适应
响应式的网站设计能够对用户产生友好度，并且对于
- Transaction and redelivery in JMS (JMS的事务和失败消息重发机制)
darrenzhu
jms事务承认MQacknowledge
JMS Message Delivery Reliability and Acknowledgement Patterns
http://wso2.com/library/articles/2013/01/jms-message-delivery-reliability-acknowledgement-patterns/
Transaction and redelivery in
- Centos添加硬盘完全教程
dcj3sjt126com
linuxcentoshardware
Linux的硬盘识别:
sda 表示第1块SCSI硬盘
hda 表示第1块IDE硬盘
scd0 表示第1个USB光驱
一般使用“fdisk -l”命
- yii2 restful web服务路由
dcj3sjt126com
PHPyii2
路由
随着资源和控制器类准备，您可以使用URL如 http://localhost/index.php?r=user/create访问资源，类似于你可以用正常的Web应用程序做法。
在实践中，你通常要用美观的URL并采取有优势的HTTP动词。 例如，请求POST /users意味着访问user/create动作。 这可以很容易地通过配置urlManager应用程序组件来完成 如下所示
- MongoDB查询(4)——游标和分页[八]
eksliang
mongodbMongoDB游标MongoDB深分页
转载请出自出处：http://eksliang.iteye.com/blog/2177567 一、游标
数据库使用游标返回find的执行结果。客户端对游标的实现通常能够对最终结果进行有效控制，从shell中定义一个游标非常简单，就是将查询结果分配给一个变量（用var声明的变量就是局部变量），便创建了一个游标，如下所示：
> var
- Activity的四种启动模式和onNewIntent()
gundumw100
android
Android中Activity启动模式详解
在Android中每个界面都是一个Activity，切换界面操作其实是多个不同Activity之间的实例化操作。在Android中Activity的启动模式决定了Activity的启动运行方式。
Android总Activity的启动模式分为四种：
Activity启动模式设置：
<acti
- 攻城狮送女友的CSS3生日蛋糕
ini
htmlWebhtml5csscss3
在线预览：http://keleyi.com/keleyi/phtml/html5/29.htm
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>攻城狮送女友的CSS3生日蛋糕-柯乐义<
- 读源码学Servlet（1）GenericServlet 源码分析
jzinfo
tomcatWebservlet网络应用网络协议
Servlet API的核心就是javax.servlet.Servlet接口，所有的Servlet 类（抽象的或者自己写的）都必须实现这个接口。在Servlet接口中定义了5个方法，其中有3个方法是由Servlet 容器在Servlet的生命周期的不同阶段来调用的特定方法。
先看javax.servlet.servlet接口源码：
package
- JAVA进阶：VO(DTO)与PO(DAO)之间的转换
snoopy7713
javaVOHibernatepo
PO即 Persistence Object VO即 Value Object
VO和PO的主要区别在于： VO是独立的Java Object。 PO是由Hibernate纳入其实体容器（Entity Map）的对象，它代表了与数据库中某条记录对应的Hibernate实体，PO的变化在事务提交时将反应到实际数据库中。
实际上，这个VO被用作Data Transfer
- mongodb group by date 聚合查询日期 统计每天数据（信息量）
qiaolevip
每天进步一点点学习永无止境mongodb纵观千象
/* 1 */
{
"_id" : ObjectId("557ac1e2153c43c320393d9d"),
"msgType" : "text",
"sendTime" : ISODate("2015-06-12T11:26:26.000Z")
- java之18天 常用的类(一)
Luob.
MathDateSystemRuntimeRundom
System类
import java.util.Properties;
/**
* System:
* out:标准输出,默认是控制台
* in:标准输入,默认是键盘
*
* 描述系统的一些信息
* 获取系统的属性信息:Properties getProperties();
*
*
*
*/
public class Sy
- maven
wuai
maven
1、安装maven：解压缩、添加M2_HOME、添加环境变量path
2、创建maven_home文件夹，创建项目mvn_ch01,在其下面建立src、pom.xml，在src下面简历main、test、main下面建立java文件夹
3、编写类，在java文件夹下面依照类的包逐层创建文件夹，将此类放入最后一级文件夹
4、进入mvn_ch01
4.1、mvn compile ,执行后会在
