九、webpack3.x之其他配置

webpack的其他配置：resolve、devtool、devServer。

（1） resolve 配置：

• resolve.alias 模块别名

• resolve.root 模块根目录，绝对路径
• resolve.modulesDirectories 模块目录，工作方式类似node_modules。默认值是[“web_modules”, “node_modules”]
• resolve.fallback 如果在root和modulesDirectories都找不到，会在这里搜索
• resolve.extensions 用于模块查找的扩展名。
• resolve.packageMains
• resolve.packageAlias
• resolve.unsafeCache

直接写注释了：

resolve: {
        //查找module的话从这里开始查找
        root: 'E:/github/flux-example/src', //绝对路径
        //自动扩展文件后缀名，意味着我们require模块可以省略不写后缀名
        extensions: ['', '.js', '.json', '.scss'],
        //模块别名定义，方便后续直接引用别名，无须多写长长的地址
        alias: {
            AppStore : 'js/stores/AppStores.js',//后续直接 require('AppStore') 即可
            ActionType : 'js/actions/ActionType.js',
            AppAction : 'js/actions/AppAction.js'
        }
    }

（2）devtool：eval-source-map| source-map

• 开发时使用，便于调试。
• 其中source-map是最详细的，但构建速度慢。

（3）devServer，启动本地服务

• proxy，端口号等设置
• compress，是否进行gzip压缩
• historyApiFallback，404页面是否显示在页面。
• hot，是否热更新，
• noInfo，只有errors 或者是warns时才重新刷新。

详见【demo07-12】