webpack 入口与输出

芒果终结者

于 2021-01-26 16:15:28 发布

阅读量138

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： webpack

本文链接：https://blog.youkuaiyun.com/cs23405/article/details/113182603

前端专栏收录该内容

45 篇文章

订阅专栏

本文详细介绍了如何在Webpack配置文件中引入Node.js的path模块，并利用该模块进行路径拼接以实现正确的文件引用。通过具体示例展示了如何设置入口文件(entry)和输出文件(output)的路径。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

配置文件webpack.config.js中

引入node的path模块

const path = require('path')

const config = {
    entry:'./src/index.js',
    output: {
        path: path.join(__dirname,'./dist'),
        filename: 'bundle.js'
    }
}
module.exports = config

入口 entry

输出output中的path需要使用绝对路径，

path.join拼接路径，Nodejs全局变量__dirname

------------------------------------------------------------

参考node中文文档path和global

http://nodejs.cn/api/path.html