webpack---resolve

// 解析模块的规则
resolve: {
    // 配置解析模块路径别名
    alias: {
        $css: resolve(__direname, 'src/css')
    },

    // 配置省略文件路径的后缀名
    extensions: ['.js', '.json'],
        
    // 告诉webpack解析模块要去哪个目录找
    // 现在当前目录的node_modules里找，找不到就到上一层node_modules里找
    // modules: ['node_modules']
    modules: [resolve(__dirname, '../../node_modules'), 'node_modules']
},

一、resolve.modules是用来设置模块的搜索目录的

1、默认值是['node_modules'],意思是：
webpack默认下去当前目录的node_modules里找模块，如果没有找到，就往上一级目录的node_modules里找
webpack找模块的机制和node找模块的机制一样

2、让导入模块的路径直接从子目录开始写起
eg：
src/utils/dataFormtter.js
resolve.modules: [resolve('src/utils')]
import 'dataFormtter.j'