1、跟上技术的迭代（**node**、**npm**、**yarn**）
    因为每次更新底层都会做一些优化

    2、在尽可能少的模块上使用**Loader**减少一些不必要的配置
    例如排除node_modules、Plugin尽可能精简并确保可靠使用官方推荐或者社区推荐的插件，因为这些插件都是经过性能测试的

    4、**resolve**参数合理配置**webpack.common.js**

    1. module.exports = {
    2.   resolve: {
    3.     // 自动帮我们把文件后缀补齐（从左到右）
    4.     extensions: [".js", ".jsx",".vue"],
    5.     // 自动帮我们查找文件（从左到右）
    6.     mainFiles: ["index", "child"],
    7.     // 别名，根据配置的别名查找路径
    8.     alias: {
    9.       "@": path.relative(__dirname, "src")
    10.     }
    11.   }
    12. }

    使用extensions，例如查找一个file的js文件：

    1. // src/utils/file.js
    2. import compoent form "../../src/utils/file"

    使用mainFiles ，例如查找一个页面的vue文件：

    1. // src/view/home/index.vue
    2. import compoent form "../../src/view/home"

    使用alias，例如查找一个file的js文件：

    1. // src/utils/file.js
    2. import compoent form "@/utils/file"

    5、使用**DellPlugin**提高打包速度
    6、控制包文件大小
    7、**thread-loader**、**parallel-webpck**、**happypack**多进程打包
    8、合理使用**source-map**
    9、结合**stats**分析打包结果
    10、开发环境内存编译
    11、开发环境无用插件剔除