webpack配置resolve详解

resolve: 解析模块规则

resolve: {
    // 配置解析模块路径别名，优点：简写路径，缺点：路径没有提示
    // 'src/css/index.css' -> '$css/index.css'
    alias: {
        $css: resolve(__dirname, 'src/css')
    },
    // 配置省略文件路径的后缀名 'xxx.js'->'xxx'
    // 使用这个配置时切记不可以起名字相同的文件，比如index.js和index.css,那么在引入index.css的时候可能会引成index.js
    extensions: ['.js', '.json', '.jsx', '.css'],
    // 告诉webpack解析模块是去哪个目录找,能够准确到找到node_modules所在的路径，而不是一层一层的去查找
    modules: [resolve(__dirname, '../../node_modules'), 'node_modules']
}