Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

在使用一些UI组件的时候，在生成html文件时，组件会带上一些哈希值，导致无法用选择器选中，并且修改样式。

我们在安装 node-sass 的时候总是会因为各种原因不成功，今天我就一口气把这些可能导致失败的坑汇总一下，以免以后再被坑。 如果找不到对应的binding.node包，即失败，然后就会尝试本地编译。 首先要知道的是，安装 node-sass 时在 node scripts/…

报错： 管py什么事呢？ https://codechina.csdn.net/mirrors/sass/node-sass 这网站说明 而我当前的node 版本是11.15.0 node-sass版

关于首屏优化，我做了哪些 前段时间领导突然找到我，说新项目的访问怎么变得这么慢，我立马访问对应页面，果然，首页加载8、9s，这近10s的等待时间，对于用户来说，无疑是痛苦的。于是乎领导就把这个首页加载

require webpack帮我们把项目打包到dist目录下，不会是无脑把所有文件都打包，会先静态解析，把我们需要用的文件打包，比如没有任何地方引用的图片，打包后，这个图片就不会出现在dist/st

安装对应版本的tailwindcss 使用代码生成配置文件 创建postcss.config.js文件 在main.js中引入

前端优化首屏加载时间的相关步骤和配置。 1、使用CDN；2、路由懒加载；3、插件按需引入；4、图片资源进行压缩

不得不说前端的生态还是非常旺盛的，翻看各种开源前端项目的时候总是能找到些惊喜，安装大型项目时附带的一堆不明所以的库当中往往也会有宝藏级别的存在。凡事先不要想着自己造轮子，多翻翻 npm 绝对好处多多。 最近发现了 mysticatea/npm-run-all 这个神器，这个工具…