自定义打包的入口与出口
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>