webpack.config.js 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. // node写法
  2. const path = require("path");
  3. const HtmlWebpack = require("html-webpack-plugin");
  4. module.exports = {
  5. // development production
  6. mode: "development",
  7. // 配置入口文件
  8. entry: './src/a.js',
  9. // entry:[
  10. // './src/a.js',
  11. // './src/index.js'
  12. // ]
  13. // entry: {
  14. // one:'./src/a.js',
  15. // two:'./src/index.js'
  16. // },
  17. output: {
  18. // clean: true,
  19. // filename:"[name]-[id]-[hash].js",
  20. // path: path.resolve(__dirname, 'hi')
  21. },
  22. module: {
  23. rules: [
  24. {
  25. test: /\.css$/i,
  26. use: ['style-loader', 'css-loader'],
  27. },
  28. {
  29. test: /\.(png|svg|jpg|jpeg|gif)$/i,
  30. type: 'asset/resource',
  31. },
  32. ],
  33. },
  34. plugins: [
  35. new HtmlWebpack({
  36. template: './src/index.html'
  37. })
  38. ],
  39. // 限制文本大小
  40. performance: {
  41. maxAssetSize: 3000000000,
  42. maxEntrypointSize: 4000000000,
  43. },
  44. // 映射源码
  45. devtool:"inline-source-map"
  46. }