随笔分类 - webpack
复习以及记录wepack一些用法，便于查阅！！！
摘要：webpack 打包 可以借助 webpack-bundle-analyzer 这个库来分析打包后的文件大小。 使用 ： --report 打包指令加上 --report 参数就可以。 这个插件 会以网页形式 展示 webpack打包后的文件大小详情。 可以通过这个分析页面 去判断哪个文件很大， 有
阅读全文
摘要：在实现登录模块时，在验证码这里碰到一个坑就是： 问题：后台nodjs 生成一张svg的验证码图片并且返回到前端，并且把验证码放入到session中。 但是前台验证的时候验证码死活都不成功。 排查原因，百度后发现是因为浏览器请求后台nodejs 验证码接口时产生了跨域，而恰好前台是直接调用的验证码接口
阅读全文
摘要：1.跨域 config/index.js 主配置文件中 dev 属性下 proxyTable 配置代理信息： proxyTable: { '/api': { // 匹配所有以 '/api'开头的请求路径 target: 'http://localhost:4000', // 代理目标的基础路径 //
阅读全文
摘要：Vue-cli是vue官方出品的快速构建单页应用的脚手架。可以帮助我们快速搭建开发所需要的环境，省去很多精力！这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。这里头牵扯的内容也比较多。 webpack，npm，nodejs，babel都包括在内！ 1.1 安装 vue-cli 官网：ht
阅读全文
摘要：webpack为开发者提供了 三种方式去实现自动监听文件的变化重新打包，用的比较多的就是-webpack-dev-server这个插件。 使用： 1.npm install -D webpack-dev-server 安装 webpack-dev-server 2.配置简易指令，package.jo
阅读全文
摘要：老规矩，介绍几个常用的插件【在某个时间点，自动执行的处理程式】，后续碰到其他的，去官网上看api使用文件即可！！ html-webpack-plugin 【详情https://www.webpackjs.com/plugins/html-webpack-plugin/】 这个插件是帮助webpack
阅读全文
摘要：webpack官方提供了非常多的loader，每个都记住不太容易，可以去 官方中文网站：https://www.webpackjs.com/，去查阅一些loader的使用方法。下面就挑选几个常用的loader做讲解使用[大前提就是npm 先安装对应的loader]。 使用file-loader： 《
阅读全文
摘要：认识webpack 1.什么是webpack Webpack 是一个打包模块化 JavaScript 的工具，在 Webpack 里一 切文件皆模块，通过 Loader转换文件，通过 Plugin注入钩子，最后输出由多个模块组合成的文件。 Webpack专注于构建模块化项目。 webpack是一个前
阅读全文
