zoukankan      html  css  js  c++  java
  • Webpack 4 学习03(配置入口和出口的进阶使用)

    一、单出口形式

    webpack.config.js

    const path = require('path');
    
    
    module.exports = {
      //单出口形式
      entry:['./public/index.js','./public/index2.js'],//有多个文件
      output:{
        path:path.resolve(__dirname,'build'),
        filename:'bundle.js'
      }
    }
    

    • 运行npm run dev

      生成唯一的打包文件 bundle.js

    二、多出口形式

    webpack.config.js

    const path = require('path');
    
    module.exports = {
      //多出口形式
      entry:{
        entryOne:'./public/entryOne/index.js',
        entryTwo:'./public/entryTwo/index.js',
      },
      output:{
        path:path.resolve(__dirname,'build'),
        filename:'[name].js'
      }
    }
    

    • 文件结构

    • 运行npm run dev

      • 生成两个打包文件

    鲜花会生锈,盐巴会腐烂
  • 相关阅读:
    第三次冲刺
    第二次冲刺
    第一次冲刺
    团队学习
    git and github
    还不够格的程序员
    CF1602F. Difficult Mountain
    线性基
    欧拉回路学习笔记
    莫比乌斯反演-学习笔记
  • 原文地址:https://www.cnblogs.com/hunterxing/p/10425287.html
Copyright © 2011-2022 走看看