【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 · 2833 阅读 · 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 · 633 阅读 · 0 评论 -
webpack4导入全局sass文件
场景当我们在scss样式文件中想使用其他已经声明好的scss变量文件,通常会这么做://index.scss@import "minix.scss";body { color: $theme-color;}随着项目越来越大,每个样式文件都需要用到全局定义好的变量,这时就变得非常的笨重,弊端就暴露出来了那么我们如何在react项目中解决这个问题呢安装安装sass-resou...原创 2019-07-15 20:00:36 · 2883 阅读 · 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 · 1508 阅读 · 0 评论