webpack.config.v1.js 804 B

123456789101112131415161718192021
  1. // webpack 是基于node.js开发的一个前端构建工具。
  2. /**
  3. *! 在node.js中内置集成了一个模块 path,用于处理文件路径相关的操作
  4. ** path模块中有一个resolve方法 可以 根据一(多)个路径合并后返回新的绝对路径。
  5. */
  6. const path = require('path');
  7. module.exports = {
  8. mode: 'development', // 有两种模式:开发阶段 development 和 生产环境 production
  9. entry: './src/main.js', // 只能配置单入口
  10. // 下面写法 即可配置 多入口 当然也可以配置多入口
  11. // entry: {
  12. // main: './src/main.js',
  13. // }, // 入口
  14. output: {
  15. // 第一个 就是 输出文件夹(绝对路径)
  16. path: path.resolve('./dist'),
  17. // 第二个 就是 打包后文件名
  18. filename: 'main.buddle.js',
  19. }, // 出口
  20. };