webpack config.js 核心配置项

• webpack 配置文件webpack.config.js
  • 作用： 指示 webpack 干那些活，当运行 webpack 指令时会加载其中配置
  • 构建工具(webpack.config.js)基于nodejs平台运行的，模块化默认采用commonjs，而项目文件（src内文件）采用的是ES6语法
• 开发环境： webpack ./src/index.js -o ./build –mode development
• 生产环境： webpack ./src/index.js -o ./build –mode production

// resolve 用来拼接绝对路径的方法,NODE的方法
const {resolve} = require('path');
module.exports = {
    // webpack 配置

    /* 入口文件 */
    entry: './src/main.js',

    /* 输出 */
    output: {
        /* 输出文件名 */
        filename: "build.js",
        /* 输出路径 一般采用绝对路径 */
        path: resolve(__dirname, 'build')
    },

    /* loader配置 */
    module: {
        rules: [
        ]
    },

    /* plugins配置 */
    plugins: [
    ],
    /* 模式 */
    mode: "development" // development || production
}