webpack简单配置

webpack的简单配置：

1、// 编译入口

entry: './app/entry.js'

2、// 输出文件配置

output: {

     // 输出文件存放的目录，必须是string类型的绝对路径

     path: path.resolve(__dirname, 'dist'),

     filename: 'bundle.js', // 输出文件的名称
}

3、// 配置模块相关

 // loader属性:

1. test 属性，识别出哪些文件会被转换。
2. use 属性，定义出在进行转换时，应该使用哪个加载器。

module:{

        rules:[

                {

                        test:/\.css$/,

                        use:'css-loader'

                 }

        ]

}

4、//配置插件

plugins:{

      // 压缩js的plugin
      new webpack.optimize.UglifyJsPlugin({
        compress: {
          warnings: false,
          drop_console: false,
        }
      }),

}