• webpack--打包入口(entry)


    1.直接配置入口文件

    module.exports = {

        entry: __dirname+ '/vueProject/mian.js', //输出时默认为main.js

      };

     

     

     

      //2.配置基础目录,然后配置入口文件

      module.exports = {

        context: __dirname+'/vueProject', //基础路径

        entry:"./test.js"  //相对于context的路径

      };

     

     

     

      //3.多入口

      module.exports = {

          context: __dirname + '/vueProject',

          entry: {

              a: './test.js',      //输出时默认为a.js

              b: './test2.js',     //输出时默认为b.js

              test3: './test3.js'  //输出时默认为test3.js

          }

      }

     

      //4.多入口

      module.exports = {

          context: __dirname + '/vueProject',

          entry: ['./test.js','./test2.js', './test3.js']   //输出时默认为main.js,而且全部打包在一起

      }

    //   总结:如果传入一个字符串或字符串数组,chunk 会被命名为 main。如果传入一个对象,则每个属性的键(key)会是 chunk 的名称,该属性的值描述了 chunk 的入口点。

     

     

      //5.入口配置

      module.exports = {

        context: __dirname + '/vueProject',

        entry: {

            //输出时默认为a.js

          a: './test.js',

           //输出时默认为pages文件夹下的b.js  

          b: { import: './test2.js', filename: 'pages/[name].js' },

           //输出时默认为pages文件夹下的c666.js

          c: { import: './test3.js', filename: 'pages/[name]666.js' },

             //输出时默认为pages文件夹下的d+哈希值+666.js

          d: { import: './test4.js', filename: 'pages/[name][hash]666.js' },

              //输出时默认为pages文件夹下的e+3位哈希值+666.js

          e: { import: './test5.js', filename: 'pages/[name][hash:3]666.js' }

        }

      };

  • 相关阅读:
    java判断空的方法
    【JUC】9.对象内存布局
    leetcode695 岛屿的最大面积
    git push 新分支出现remote unpack failed: error Missing blob报错可能原因之一
    Ubuntu20.04下安装MySQL8环境
    解决不能拉取 docker 镜像
    Vue3.0种中新增的teleport和suspence标签
    RabbitMQ------发布确认(单个确认、批量确认、未确认)(四)
    226. 翻转二叉树
    7K325T 引脚功能详解
  • 原文地址:https://blog.csdn.net/cjx177187/article/details/126549162