optimization.splitChunkscacheGroups个人感觉splitChunks中除了cacheGroup之外的配置是用来作代码分割的，而cacheGroup是作为模块合并的配置项。cacheGroup内配置优先级高于外面配置，可以理解为先进行分割再进行合并，分割的代码放到哪个缓存组的块中，由优先级决定。可进行如下配置：splitChunks:{cacheGroups: {co

1、vue中的指令有：v-textv-htmlv-showv-ifv-elsev-else-ifv-forv-onv-bindv-modelv-prev-cloakv-once2.自定义指令语法：// 注册一个全局自定义指令,例如 `v-focus`Vue.directive('指令名字', 钩子)//注意：自定义指令名字不...

webpack 提供一个非常有用的配置，该配置能帮助你为项目中的所有资源指定一个基础路径。它被称为公共路径(publicPath)。在构建项目时设置路径值开发模式中，我们通常有一个 assets/ 文件夹，它往往存放在和首页一个级别的目录下。这样是挺方便；但是如果在生产环境下，你想把这些静态文件统一使用CDN加载，那该怎么办？想要解决这个问题，你可以使用有着悠久历史的环境变量。比如说，我们设置了一

webpack打包时自动去除console.log——terser/terser-webpack-pluginterser由于老牌工具uglify不支持es6，且uglify-es不再更新，我们选择terser作为js代码压缩工具。# 全局安装terser命令行工具npm install -g terser# 使用terserterser ./foo.js -c pure_funcs=[conso

方法1：使用插件：compression-webpack-plugin// 1安装npm install --save-dev compression-webpack-pluginconst path = require('path');const webpack = require('webpack')const CompressionWebpackPlugin = require('compr

F:\Program Files (x86)\Tencent\微信web开发者工具>cli.bat上传：F:\Program Files (x86)\Tencent\微信web开发者工具>cli upload --project F:\svnUI\ui\commerce\plusMemberMini\trunk\dist --version 0.0.0.0.2.8 --desc ...

transform-style：preserve-3d，该属性设置在父级元素中，它的子级元素具有3d效果注意：设置了该属性，就不能防止子级元素溢出，即不能设置overf：hidden属性；如果设置了overflow：hidden，那么transform-style：preserve-3d就无效。transform：perspective；景深，观察者到物体的距离；单位：px，比如：tra...

第一步：添加视频video标签，添加src， poster，controls属性第二步：poster = src的值 + ‘?vframe/jpg/offset/1’ 这样就可以显示视频第一帧图片了，作为视频播放器的图片...

为了不想用jquery，终于找到能兼容vue的插件，很好使1、安装npm install awe-dnd --save2、main.js引入import VueDND from 'awe-dnd'Vue.use(VueDND)3、适用<template><div class="goodsPic-list"v-for="(item,index)...

HTML代码：选择日期：选择时间：选择星期：选择月份：2.对日期时间控件的样式进行修改目前WebKit下有如下9个伪元素可以改变日期控件的UI：::-webkit-datetime-edit – 控制编辑区域的::-webkit-datetime-edit-fields-wrapper – 控制年月日这个区域的::-webkit-datetime-edit-text – 这是控制...