webpack打包优化

1.减小文件搜索范围

配置resolve.modules

Webpack的resolve.modules配置模块库（即 node_modules）所在的位置，在 js 里出现 import ‘vue’ 这样不是相对、也不是绝对路径的写法时，会去 node_modules 目录下找。但是默认的配置，会采用向上递归搜索的方式去寻找，但通常项目目录里只有一个node_modules，且是在项目根目录，为了减少搜索范围，可以直接写明 node_modules 的全路径；同样，对于别名(`alias)的配置，亦当如此：

function resolve (dir) {
   
  return path.join(__dirname, '..', dir)
}

module.exports = {
   
  resolve: {
   
    extensions: ['.js', '.vue', '.json'],
    modules: [
      resolve('src'),