Webpack配置文件中使用path.join报错

发布时间:2022-12-12浏览次数:1049 次
很多人在使用webpack进行打包时,会报错:ReferenceError: path is not defined,这主要是因为在webpack的配置文件中,

很多人在使用webpack进行打包时,会报错:ReferenceError: path is not defined,这主要是因为在webpack的配置文件中,使用路径的拼接函数时出错。

webpack打包报错

因为在webpack的默认配置文件:webpack.config.js中,--output--path的路径需要使用绝对地址,即从系统根目录开始的完整路径,此时,我们就需要使用Node.js提供的路径拼接函数path.join及__dirname(Node.js提供的内置全局变量,为当前文件所在的绝对路径),即如下所示代码:

output: {
	filename: "bundle.js",
	path: path.join(__dirname, 'dist2'),
},

但仅这样操作是会报错: ReferenceError: path is not defined

此时,我们需要做的就是在webpack.config.js配置文件最前方添加:

const path = require('path');

将path全局变量引入即可。

扫一扫,在手机上查看