1. const { resolve } = require('path');
    2. const HtmlWebpackPlugin = require('html-webpack-plugin');
    3. module.exports = {
    4. entry: './src/index.js',
    5. output: {
    6. filename: 'js/[name].js',
    7. path: resolve(__dirname, 'build')
    8. },
    9. module: {
    10. rules: [
    11. // loader的配置
    12. {
    13. test: /\.css$/,
    14. // 多个loader用use
    15. use: ['style-loader', 'css-loader']
    16. },
    17. {
    18. test: /\.js$/,
    19. // 排除node_modules下的js文件
    20. exclude: /node_modules/,
    21. // 只检查 src 下的js文件
    22. include: resolve(__dirname, 'src'),
    23. // 优先执行
    24. enforce: 'pre',
    25. // 延后执行
    26. // enforce: 'post',
    27. // 单个loader用loader
    28. loader: 'eslint-loader',
    29. options: {}
    30. },
    31. {
    32. // 以下配置只会生效一个
    33. oneOf: []
    34. }
    35. ]
    36. },
    37. plugins: [new HtmlWebpackPlugin()],
    38. mode: 'development'
    39. };