有时候，前端项目中除了 JavaScript 外，还有一个更重要的 CSS 需要我们花点精力进去。这里主要陈述一下如何将 CSS 加工流整合到 webpack 中，因为 CSS Modules 的情况比较复杂，所有暂还未打算介绍更多关于 CSS Modules 的内容

上一篇介绍了 Webpack 优化项目的四种技巧，分别是通过 UglifyJS 插件实现对 JavaScript 文件的压缩，css-loader 提供的压缩功能，配置NODE_ENV可以进一步去掉无用代码，tree-shaking帮助找到更多无用代码

Webpack3 自今年6月20日正式发布而来，给我们带来Scope Hoisting和Magic Comments两大功能，可惜不在这次系列文章内容范畴里，而本次文章的主要内容是从项目中总结得到，当然也看了很多别人写的文章，是可以被应用到生产中。这次主要介绍三个方面，分别是压缩 JavaScript 和 CSS、配置环境变量、ES 模块机制带来的Tree-s...

当我们在项目里写大量的css的时候，会有以下几个问题：太多重复性的规则、查找定位和修改太依赖编辑器、替换修改太麻烦等等。基于这类问题，我们可以用css预处理器来解决，例如Less，Sass，Stylus和PostCSS，让代码更加有条理和易于维护

这是一篇新手向文章，主要是记录一下使用过程，希望能给予别人一些帮助和提示 用 Yarn 做包管理用 Babel 做jsx和es6语法编译器Webpack 做模块管理和打包 教程是基于macOS的，Nodejs得提前安装好。我的Nodejs和npm的版本如下 {代码...} Yarn安装和配置 我们在 macOS 下可以通过brew去安装，如下 {代码...} Yarn 下载的包...