Open hubvue opened 5 years ago
由于webpack是基于文件的构建,可以通过配置来缩小查找文件的范围加速编译。
在使用babel-loader的时候,通常使用exclude来忽略loader对node_module的编译。
module.exports = { module: { rules: [ { test: /\.(js|jsx)$/, loader: 'babel-loader', exclude: /(node_modules)/ }] } }
resolve可以指定文件的后缀,减少搜索层级等等。
module.exports = { resolve: { extensions: ['.js', '.jsx'], alias: { '@': './src/components' }, modules: ['node_modules'], mainFileds: ['main'] } }
缩小构建范围
由于webpack是基于文件的构建,可以通过配置来缩小查找文件的范围加速编译。
loader的include和exclude
在使用babel-loader的时候,通常使用exclude来忽略loader对node_module的编译。
resolve缩小构建范围
resolve可以指定文件的后缀,减少搜索层级等等。