ES6 代码转义器 SWC 体验

SWC 是一个类似于 Babel 的代码转义器,它的主要功能就是把 ES2015 或更高版本的 JS 代码转换为老浏览器能够使用的 ES5 或更低版本的 JS 代码。SWC 是使用 Rust 语言编写的,相比 Babel 来说,速度要更快。按照官网的说法...

Bootstrap 按需引入

在使用 Bootstrap 的时候,为了方便,可能通常都会选择直接引入官方编译的 CSS 和 JS。直接引入官方的 CSS 和 JS 虽然方便,但是体积也比较大,如果你能用到它的所有功能也倒还好,但是大多数情况下可能用不到它的所有功能。可能你只是想用它的...

Webpack 本地服务器设置代理

因为浏览器同源策略的限制,AJAX 是不能跨域请求的,只有后端设置了 header 才能跨域请求。对于前后端分离的项目来说,前端如果要测试 API 就需要后端设置 header 来配合前端,前端在发送请求也需要输入完整的域名,而且也不方便传递 Cooki...

ESLint 配合 Webpack 使用

ESLint 是前端的一个代码检查工具,它可以根据指定的规则来检查代码是否符合规范。ESLint 可以直接在命令行使用,也可以集成到编辑器中使用,也可以配合 Webpack 使用。之前简单写了一下命令行使用和集成到 VSCode 使用,这里继续写配合 W...

Webpack 打包 jQuery 和 Bootstrap

最近把博客前端的 CSS 和 JS 用 Webpack 打包了一下,其中就包含了 Bootstrap、jQuery、jQuery 插件 和 字体图标。这里就简单写一下 Webpack 配置和打包 jQuery、Bootstrap 和 字体图标。如果您还不...

Webpack 配置 Babel

Babel 是一个 JavaScript 的转译器。它的主要功能就是把 ES2015+ 的代码转换为 ES5 或更低版本的 JavaScript 代码。有了 Babel,您就可以使用最新的 JavaScript 语法,不用太担心...

Webpack 简易使用指南

Webpack 是前端的一个 JavaScript 模块打包工具,它能按照模块的依赖关系把一组松散的模块打包成符合生产环境部署的前端资源。除了打包 JS 外 Webpack 还能和 Sass、Less、TypeScript 一起使用,打包 scss 和 ...