首页 > 其他分享 >webpack-指定webpack的entry和output

webpack-指定webpack的entry和output

时间:2023-05-21 23:00:48浏览次数:38  
标签:output js webpack path entry 打包

webpack中的默认约定

在webpack4.x和5.x的版本中,有如下的默认约定:

  1. 默认的打包入口文件为src->index.js
  2. 默认的输出文件路径为dist->main.js

注意:可以在webpack.config.js中修改打包的默认约定

自定义打包的入口和出口

在webpack.config.js配置文件中,通过entry节点指定打包的入口。通过output节点指定打包的出口
示例代码如下:

const path = require('path')//导入node.js中抓门操作路径的模块

module.exports = {
	entry:path.join(__dirname,'./src/index.js'),//打包入口文件的路径
	output:{
	 path:path.join(__dirname,'./dist'),//输出文件的存放路径
	 filename:'bundle.js'//输出文件的名称
	}
}

标签:output,js,webpack,path,entry,打包
From: https://www.cnblogs.com/yang-young-young/p/17419336.html

相关文章

  • webpack-安装和配置webpack
    在项目中安装webpack在终端运行如下的命令,安装webpack相关的两个包:[email protected]@4.7.2-D在项目中配置webpack在项目根目录中,创建名为webpack.config.js的webpack配置文件,并初始化如下的基本配置:module.exports={ mode:'development'//mode......
  • Java 从 ZipEntry 对象中读取指定文件
    /***从zip文件中,读取指定的压缩内容*@paramzipFilezip压缩文件*@paramfileName需要读取的文件名*@paramoutTxtFile输出文件*/privatestaticvoidreadFileFromZipEntry(FilezipFile,StringfileName,FileoutTxtFile){......
  • disk-linux磁盘问题 unexpected output in sfdisk
    linux-disk磁盘问题unexpectedoutputinsfdisk问题:运行growpart/dev/vda1unexpectedoutputinsfdisk--version[sfdisk,来自util-linux2.23.2]解决方案:#运行以下命令切换ECS实例的字符编码类型,可能需要重启LANG=en_US.UTF-8#如果重启ECS实例后仍未......
  • umijs或者webpack配置pwa
    UMI.js实现PWAUMI.js是一个可扩展的企业级前端应用框架,它包含了许多优秀的插件,可以快速搭建起一个高质量的前端应用。UMI.js提供了umi-plugin-pwa插件,可以很方便地实现PWA。安装umi-plugin-pwa插件在UMI.js项目中执行以下命令安装umi-plugin-pwa插件: npmins......
  • webpack搭建typescript项目
    基于webpack的typescript项目搭建该项目是搭建了一个数值转换的前端项目,使用了webpack,typescript重点学习webpack.config.js的配置/Users/song/Code/webgpu_learn/webgpu-for-beginners/03typescript/finished/index.html<!DOCTYPEhtml><htmllang="en"><head><m......
  • CentOS6 基于 Python 安装 Sentry
    概述Sentry是一款可用于Production环境的错误跟踪工具,可实时通知Production环境中用户由于一些不可预料行为(或者程序写的有问题)导致程序Crash或Exception,Sentry可以通过Integration如HipChat来发送通知,并且可以通过JIRAIntegration来快速创建Issue,然后开发者......
  • 【git】报错解决方案-'This is probably not a problem with npm. There is likely ad
    git-commit报错: 原因:npm缓存造成的解决方案: 删除packpackage-lock.json,删除所有依赖,执行npmcacheclean--forcenpminstall......
  • webpack总结学习
    1.两种开发模式开发模式:代码能编译自动化运行生产模式:代码编译优化输出2.webpack基本功能开发模式:可以编译ESModule语法生产模式:可以编译ESModule语法,压缩js代码3.Webpack配置文件entry:入口文件 打包开始路径output:输出文件 打包输出的路径loader:本身只能处理jsj......
  • Android 开发 利用 jq 在 Makefile 里给 output-metadata.json 增加字段
    Makefile:.PHONY:uploadupload:metadata #./push-apk.sh.PHONY:metadatametadata:app/build/outputs/apk/release/output-metadata.jsonapp/build/outputs/apk/release/output-metadata.json:buildupdate-content.txt #在Makefile中插入shell脚本要用双美元......
  • [docker]mysql的docker镜像中docker-entrypoint-initdb.d目录的妙用
    docker-entrypoint-initdb.d是Docker官方MySQL镜像中的一个目录,用于初始化数据库。在该目录下,可以放置一些SQL脚本文件,MySQL会在容器启动时自动执行这些脚本文件,用于创建用户、创建数据库、创建表等操作。具体来说,当MySQL镜像启动时,其entrypoint.sh脚本会检查是否存在......