webpack.config.js 1004 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. const path = require('path')
  2. const HtmlWebpackPlugin = require('html-webpack-plugin')
  3. module.exports = {
  4. mode: 'development',
  5. // entry: [
  6. // './src/a1.js',
  7. // './src/a2.js'
  8. // ],
  9. // entry: {
  10. // hello1: './src/a1.js',
  11. // hello2: './src/a2.js'
  12. // },
  13. output: {
  14. // filename: '[name]-[id]-[hash].js',
  15. filename: 'file5.js',
  16. clean: true,
  17. // path: path.resolve(__dirname, 'hello')
  18. },
  19. module: {
  20. rules: [
  21. {
  22. test: /\.css$/,
  23. use: ['style-loader', 'css-loader']
  24. },
  25. {
  26. test: /\.(png|svg|jpg|jpeg|gif)$/i,
  27. type: 'asset/resource',
  28. },
  29. {
  30. test: /\.m?js$/,
  31. exclude: /(node_modules|bower_components)/,
  32. use: {
  33. loader: 'babel-loader',
  34. options: {
  35. presets: ['@babel/preset-env']
  36. }
  37. }
  38. }
  39. ]
  40. },
  41. plugins: [new HtmlWebpackPlugin({
  42. // title: 'hhhh哈哈哈',
  43. // template: './src/demo.html'
  44. })],
  45. devtool:"inline-source-map"
  46. }