![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
【webpack】
文章平均质量分 96
浅夏晴空
这个作者很懒,什么都没留下…
展开
-
一文读懂babel编译流程,再也不怕面试官的刁难了
前言 Babel 是一个强大的 js 编译器。有了 Babel, 我们可以放肆的使用 js 的新特性,而不用考虑浏览器兼容性问题。不仅如此,基于 babel 体系,我们可以通过插件的方法修改一些语法,优化一些语法,甚至创建新的语法。 那么,如此强大且灵活的特性是如何实现的?我们从头开始,了解下 Babel 的编译流程。 流程 babel生成配置 package.json 项目配置文件 "devDependencies": { "@babel/cli": "7.10.5", "@babel原创 2021-04-25 15:11:48 · 2755 阅读 · 0 评论 -
webpack那些事:浅入深出-源码解析构建优化
基础知识回顾 入口(entry) module.exports = { entry: './path/to/my/entry/file.js' }; //或者 module.exports = { entry: { main: './path/to/my/entry/file.js' } }; 输出(output) module.exports = { output: { filename:'[name][chunkhash:8].js', path:pa.原创 2021-01-28 19:27:18 · 617 阅读 · 0 评论 -
webpack4导入全局sass文件
场景 当我们在scss样式文件中想使用其他已经声明好的scss变量文件,通常会这么做: //index.scss @import "minix.scss"; body { color: $theme-color; } 随着项目越来越大,每个样式文件都需要用到全局定义好的变量,这时就变得非常的笨重,弊端就暴露出来了 那么我们如何在react项目中解决这个问题呢 安装 安装sass-resou...原创 2019-07-15 20:00:36 · 2869 阅读 · 0 评论 -
React+TypeScript+webpack4多入口项目搭建
资源 React-16.8.* react-router-dom-4.3.* TypeScript-3.5.* webpack-4.* eslint-5.16.* 项目目录 ├── dist # 打包结果目录 │ ├── demo1 //类别demo1的打包结果 │ │ ├── demo1.himl │ │ ├── demo1.js │ │ └── demo1.css │ └── ...原创 2019-08-01 15:24:38 · 1493 阅读 · 0 评论