2017-08-09读书笔记（Webpack学习笔记5）
2017-08-10 本文已影响0人
shaocx
今天继续学习Webpack技术。
文章是这篇 入门Webpack，看这篇就够了
Babel其实可以在webpack.config.js中进行配置，但是babel有非常多的配置选项，在单一的webpack.config.js文件中进行配置往往使得这个文件显得太复杂，因此一些开发者支持把babel的配置选项放在一个单独的名为 ".babelrc" 的配置文件中。（webpack会自动调用.babelrc里的babel配置选项）
我这边是mac，默认设置中，这种.babelrc文件是看不见得，而且还不好打开。
于是别的地方找到了打开关闭系统隐藏文件的显示的命令，分别如下：
早期的OS X（10.6~10.8）系统：
//显示隐藏文件
defaults write com.apple.Finder AppleShowAllFiles Yes && killall Finder
//不显示隐藏文件
defaults write com.apple.Finder AppleShowAllFiles No && killall Finder
OS X 10.9 Mavericks版本之后：
//显示隐藏文件
defaults write com.apple.finder AppleShowAllFiles Yes && killall Finder
//不显示隐藏文件
defaults write com.apple.finder AppleShowAllFiles No && killall Finder
当然最简单的是这个: Command+Shift+. 可以显示隐藏文件、文件夹，再按一次，恢复隐藏。但是貌似支持的是10.12以后版本，但是还是相当方便不是么，还不用怕输错字了会麻烦。
在Webpack中，一切文件都是模块，包括css以及图片。
通常情况下，css会和js打包到同一个文件中，并不会打包为一个单独的css文件，不过通过合适的配置webpack也可以把css打包为单独的文件的。
不过这也只是webpack把css当做模块而已，咱们继续看看一个真的CSS模块的实践。
CSS module，它意在把JS的模块化思想带入CSS中来，通过CSS模块，所有的类名，动画名默认都只作用于当前模块。这样就可以放心使用，即使相同的类名也不会造成不同组件之间的污染。
CSS module官方文档CSS module
未完待续，明天继续。。
