VIP20/18_Webpack/day-1/webpack_project/webpack.config.v1.js

// webpack 是基于node.js开发的一个前端构建工具。
/**
 *! 在node.js中内置集成了一个模块 path，用于处理文件路径相关的操作
 ** path模块中有一个resolve方法 可以 根据一（多）个路径合并后返回新的绝对路径。
 */
const path = require('path');

module.exports = {
  mode: 'production', // 有两种模式：开发阶段 development 和 生产环境 production
  entry: './src/main.js', // 只能配置单入口
  // 下面写法 即可配置 多入口 当然也可以配置多入口
  // entry: {
  //   main: './src/main.js',
  // }, // 入口
  output: {
    // 第一个 就是 输出文件夹（绝对路径）
    path: path.resolve('./dist'),
    // 第二个 就是 打包后文件名
    filename: 'main.buddle.js',
  }, // 出口
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader'],
      },
    ],
  },
};