webpack module

webpack.config.js

const { resolve } = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  entry: './src/index.js',
  output: {
    // [name] 默认是 main， 可以写固定值
    // 文件名称（制定名称+目录）
    filename: 'js/[name].js',
    // 输出文件目录（将来所有资源输出的公共目录）
    path: resolve(__dirname, 'build'),
  },
  module: {
    rules: [
      // loader的配置
      {
        test: /\.css$/,
        // 多个loader 用 use
        use: ['style-loader','css-loader']
      },
      {
        test: /\.js$/,
        // 排除 node_modules 下的 js文件
        exclude: /node_modules/,
        // 只检查 src 下的 js文件
        include: resolve(__dirname, 'src'),
        // 优先执行
        // enforce: 'pre',
        // 延后执行
        // enforce: 'post',
        // 单个 loader 用 loader
        loader: 'eslint-loader'
      },
      {
        // 一下配置只会生效一个
        oneOf: [

        ]
      }
    ]
  },
  // 插件
  plugins: [
    new HtmlWebpackPlugin()
  ],
  // 模式 development 开发， production 生产
  mode: 'development'
};