Webpack 配置:使用 path.resolve 解析绝对路径
以下是一个 Webpack 配置的示例,其中使用 path.resolve 方法解析绝对路径,将构建后的文件输出到 dist 目录:
const path = require('path');
module.exports = {
entry: './src/main.ts',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist/'),
}
};
代码中存在两处错误:
path.request应该为path.resolve,用于解析绝对路径。_dirname应该为__dirname,用于获取当前文件所在的目录路径。
以下是修正后的完整代码:
const path = require('path');
module.exports = {
entry: './src/main.ts',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist/'),
}
};
解释:
path.resolve(__dirname, 'dist/')用于将dist目录的路径解析为相对于当前文件目录的绝对路径。__dirname是一个 Node.js 环境变量,表示当前文件所在的目录路径。
通过使用 path.resolve,可以确保构建后的文件始终输出到正确的目录,即使代码被移动到不同的位置。
原文地址: https://www.cveoy.top/t/topic/pkds 著作权归作者所有。请勿转载和采集!