自定义打包的入口与出口

自定义打包的入口与出口

webpack中的默认约定：
①默认的打包入口文件为：src ->index.js
②默认的输出文件路径为：dist ->main.js
可在webpack.config.js中通过entry 和 output进行修改

自定义打包的入口与出口
注：__ 为双下划线
__dirname：根目录下
index1.js为自定义打包文件的文件名

const path = require('path')//导入node.js中专门操作路径的模块
module.exports={
	mode:'development',
	entry:path.join(__dirname,'./src/index1.js'),//打包入口的文件路径
	output:{
		path:path.join(__dirname,'./dist'),//输出文件的存放路径
		filename:'bundle.js'//输出文件的名称
	}
}

打包完成之后每一次保存所输出的bundle.js文件是存储在内存中，位置在项目的根目录下（目录中看不见），所以在页面引用时需要引用根目录下的bundle.js；
否则每次更新代码后页面不会有变化

<script src="/bundle.js"></script>