webpack 改变打包后的文件存放路径
时间: 2024-04-11 10:27:06 浏览: 122
vue和webpack打包项目相对路径修改的方法
你可以通过配置 webpack 的 output.path 属性来改变打包后文件的存放路径。这个属性指定了打包后文件的输出目录。
例如,假设你想将打包后的文件存放在项目根目录下的 dist 文件夹中,你可以在 webpack 配置文件中添加以下代码:
```javascript
const path = require('path');
module.exports = {
// 其他配置项...
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
},
};
```
上面的代码中,path.resolve() 方法会将路径解析为绝对路径,__dirname 表示当前文件所在的目录。因此,打包后的文件将会存放在 dist 文件夹中。
你可以根据自己的需求修改 output.path 的值来改变打包后文件的存放路径。
阅读全文