![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
陈大左
这个作者很懒,什么都没留下…
展开
-
前端项目一键打包自动部署
前端平时开发完项目都需要部署到线上,都需要先打包,再删除线上文件,再上传,项目多了总是会很麻烦,写个一键部署并不是很麻烦首先安装shelljs和ssh2-sftp-clientcnpm i shelljs ssh2-sftp-client --save-devShelljs是Node.js下的脚本语言解析器,具有丰富且强大的底层操作(Windows/Linux/OS X)权限ssh2-sftp-client是一个用于node.js的SFTP客户端,一个用于SSH2的包装程序(提供高级便原创 2020-09-16 14:19:46 · 3494 阅读 · 7 评论 -
webpack 在配置中区分是dev还是build
在webpack.common中区分dev还是build,直接使用process.env.NODE_ENV是拿不到的,需要配合cross-envcnpm install cross-env --save-dev修改package.json "build": "webpack --config webpack.prod.js --env.production", "serve": "cross-env NODE_ENV=dev webpack-dev-server --open --c.原创 2020-08-26 13:41:25 · 1511 阅读 · 0 评论 -
vue-cli4项目开启eslint,保存时自动格式
最近新建一个vue-cli4的项目,初始化的时候没开启eslint,后面想开启的时候不好配置,这里就做个开启eslint和保存时自动修复格式的总结vscode首先安装eslint插件配置vscode的自动保存eslint格式Ctrl+shift+p把下面代码复制到里面"editor.tabSize": 2, "eslint.alwaysShowStatus": true, "eslint.autoFixOnSave": true, "eslint.packageManage原创 2020-07-11 14:02:54 · 3542 阅读 · 0 评论 -
2019年-2020年计划
马上2020年了,做前端也有3、4年的时间了,还是有很多不了解的东西,需要继续的学习下去,19年才刚开始写博客,希望以后在前端的职业生涯里面能继续维护下去。希望在2020年有个好的运气,实现一些自己的小目标吧。2019年总结开始写博客,记录自己前端技术平时遇到的问题和学到新的知识点认真的学习VUE认真的学习webpack用VUE搭建的系统管理框架学习了react小程序重新写起来了...原创 2020-01-03 10:48:59 · 364 阅读 · 0 评论 -
webpack4从0搭建项目
webpack的一些介绍webpack的基本能力:处理依赖、模块化、打包模块化代码转换 ES6 =》ES5;Less,Sass =》 CSS文件优化压缩文件体积,合并文件代码分割懒加载模块合并热更新处理依赖webpack的工作原理简单的说就是分析代码,找到“require”、“exports”、“define”等关键词,并替换成对应模块的引用。在一个配置文件中,...原创 2019-12-31 17:08:47 · 245 阅读 · 1 评论