叽歪小Q的博客

前言基础的配置可以分为以下几个方面： entry 、 output 、 mode 、 resolve 、 module 、 optimization 、 plugin 、 source map 、 performance 等webpack 五个核心概念Entry：指示以哪个入口起点开始打包，分析构建内部依赖图。Output：输出打包后的资源 bundles 输出到哪里去Loader：处理非 js 文件（webpack 本身只理解 js）Plugins：插件范围更广的任务。打包优化、压缩、重新定

webpack5在使用UglifyJsPlugin的时候报错：ERROR in *** from UglifyJs Unexpected token: punc «)» ***报错内容：> ERROR in static/js/app.5d9e92757fe3817d0429.js?t=1606910615956 from UglifyJsUnexpected token: punc «)» [static/js/app.5d9e92757fe3817d0429.js?t=16069106159

Visual Studio Code 常用推荐插件安装及配置详解VSCode 常用推荐插件Chinese (Simplified) Language Pack for Visual Studio Code：适用于 VS Code 的中文（简体）语言包vscode-icons：vscode 的文件、文件夹图标Atom One Dark Theme：vscode 的界面主题Auto Rename Tag：自动重命名标签的插件Auto Close Tag：自动闭合标签的插件Auto Import：

Git分支管理及命名规范一、分支分类Git主分支（保留分支）：master、develop主要分支：Master和Develop。前者用于正式发布，后者用于日常开发。Git辅助分支（临时分支）：feature、release、fixbug除了常设分支以外，还有一些临时性分支，用于应对一些特定目的的版本开发。临时性分支主要有三种：功能（feature）分支预发布（release）分支修补bug（fixbug）分支这三种分支都属于临时性需要，使用完以后，应该删除，使得代

项目发布新版本清理缓存获取最新资源项目背景前端vue项目，基于webpack打包构建发版问题每次修改代码构建发布到测试环境或生产环境后，存在不能获取到最新资源的情况原因-浏览器缓存用户首次访问浏览器会缓存服务器返回的静态资源，下次访问时就直接使用缓存的静态资源浏览器缓存好处：加快响应速度，减少服务访问。浏览器缓存弊端：更新资源或发布新版本时，再次访问就不会获取最新修改的静态资源。css、js等静态资源会被浏览器缓存，所以每次用户访问网页时，浏览器从缓存读取文件而不是从服务器读取文件，导

使用tree生成项目目录树结构基于node的treer全局安装：npm install -g treer使用示例：treer -e ./result.txt -i node_modules遍历到result.txt文件，忽略node_modules缺陷:格式固定,参数顺序前后顺序不可随意调换，不能选择目录层级npm详细使用文档：https://www.npmjs.com/package/treer基于node的tree-node-cli全局安装：npm install -g tree-n

Webpack学习笔记（官网教程）demo01 安装&起步安装全局安装项目本地安装起步创建一个 bundle 文件使用一个配置文件 webpack.config.jsNPM 脚本(NPM Scripts)demo02 管理资源加载 CSS加载图片加载字体加载数据demo03 管理输出多入口文件设定 HtmlWebpackPlugin清理 /dist 文件夹Manifestdemo04 自动编译代码的简单开发服务器（开发）使用 source map选择一个开发工具1. webpack's Watch

Mongo版本选择https://www.mongodb.comhttp://dl.mongodb.org/dl/win32/x86_64安装MongoDB软件选择完全安装即可 (Complete—>Install)设置环境变量1.找到安装目录,找到mongo命令所在的位置C:\Program Files\MongoDB\Server\3.2\bin将命令配置用户环境中创建文件夹1.非系统盘下(D盘)创建一个 mongodb 文件夹,再创建文件夹db和logd:\m

npm 是世界上最大的开放源代码的生态系统。我们可以通过 npm 下载各种各样的包， 这些源代码（包）我们可以在 https://www.npmjs.com 找到。npm 是随同 NodeJS 一起安装的包管理工具，能解决 NodeJS 代码部署上的很多问题， 常见的使用场景有以下几种：允许用户从 NPM 服务器下载别人编写的第三方包到本地使用。(silly-datetime)允许用户从 NPM 服务器下载并安装别人编写的命令行程序(工具)到本地使用。 （supervisor）  允许用户将自己编写

参照资源https://excaliburhan.com/post/babel-preset-and-plugins.htmlhttps://github.com/jamiebuilds/babel-handbook/blob/master/translations/zh-Hans/user-handbook.md#toc-configuring-babel第一步:安装 npm install babel-cli babel-preset-env --dev第二步:新建一个文件.babe

什么gulp ?前端自动化构建工具 之一,市场还有 Grunt,webpack.都是基于nodejs环境.gulp的模块gulp-htmlmin 压缩html,去掉注释,去掉空格等等…gulp-cssmin–>gulp-clean-css,压缩cssgulp-connect 合并js文件gulp-less 自动生成cssgulp-imagemin 压缩图片gulp的方法task 创建人物src 指定资源pipe 管道方法dest 指定目标方法watch ..

nvm是个啥？nvm是一个可以让你在同一台机器上安装和切换不同版本node的工具如果你是windows系统，直接下载安装就好了，附windows-nvm的github地址 点我windows-nvm的下载地址 点我去下载安装就是下一步,下一步,傻瓜是安装学习步骤1.打开 CMD 键入 nvm 或 nvm v 2.查看当前win系统的是64 or 32 nvm arch3.列出全部可以安装的版本号 nvm ls-remote4.安装指定版本 nvm i

一直以来，大家对开发的代码编辑器都没有一个最好的选择，而vscode是我发现速度相对快，对于新版的html css js元素及属性过滤、提示最准确的代码编辑器，因为插件太多，有的人不知道选择哪些插件最好，本文档教你安装哪些，那些可选,安装如下：vscode推荐插件的安装(原文)https://blog.youkuaiyun.com/joyce198800/article/details/7945318001、open in browser:在浏览器运行预览（alt+b），安装后自动运行√√√02、OneDark

GIT 介绍Git是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。Git 与常用的版本控制工具 CVS, Subversion 等不同，它采用了分布式版本库的方式，不必服务器端软件支持。GIT使用linux基本 ls 查看列表 cd 进入某一个路径 mkdir 创建文件夹 touch index.html 文件 clear 清屏 v