webpack学习---webpack.config.js配置文件基本模板

webpack的config文件配置--(webpack.config.js)  基本模板格式如下 其rules中需要的插件需要npm下载

                    /*
                webpack.config.js  webpack的配置文件
                    作用: 指示 webpack 干哪些活（当你运行 webpack 指令时，会加载里面的配置）

                    所有构建工具都是基于nodejs平台运行的~模块化默认采用commonjs。
                */

                // resolve用来拼接绝对路径的方法
                const { resolve } = require('path');

                module.exports = {
                // webpack配置
                // 入口起点
                entry: './src/index.js',
                // 输出
                output: {
                    // 输出文件名
                    filename: 'built.js',
                    // 输出路径
                    // __dirname nodejs的变量，代表当前文件的目录绝对路径
                    path: resolve(__dirname, 'build')
                },
                // loader的配置
                module: {
                    rules: [
                    // 详细loader配置
                    // 不同文件必须配置不同loader处理
                    ]
                },
                // plugins的配置
                plugins: [
                    // 详细plugins的配置
                ],
                // 模式
                mode: 'development', // 开发模式
                // mode: 'production' 生产模式
                }