webpack没有创建文件夹/目录答案

【问题标题】：webpack not creating folder/directorywebpack没有创建文件夹/目录
【发布时间】：2017-04-27 09:55:29
【问题描述】：

这是我的 webpack.config.js 代码

module.exports = {
    entry: "./app/assets/scripts/App.js",
    output: {
        path: "/C/Users/noob/Documents/jay/Sites/travel-site/app/temp/scripts",
        filename: "App.js"
    }
}

这是 webpack 的输出。问题是它没有在 temp 目录下创建脚本文件夹和 App.js 文件

在将路径名编辑为 path.resolve 时出现错误

【问题讨论】：

试试c:/Users/[...] ?

标签： webpack

【解决方案1】：

使用手写的绝对路径是脆弱的，因为如果您决定移动项目的目录，您仍然会输出到旧位置。此外，Windows 上的路径是完全不同的故事。您最好使用 Node.js 内置的 path module，它会为您的操作系统创建正确的路径。要创建绝对路径，您可以使用path.resolve。

const path = require('path');

module.exports = {
    entry: "./app/assets/scripts/App.js",
    output: {
        path: path.resolve(__dirname, "app/temp/scripts"),
        filename: "App.js"
    }
}

__dirname 是当前执行文件的目录（你的 webpack 配置）。

使用此配置，无论项目位于何处，您都将始终输出到相对于您的项目的目录./app/temp/scripts/。

【讨论】：

感谢您的意见。我正在关注一个教程，其中导师输入了类似这样的路径：“app/temp/scripts”---这给了我一个类似“____不是绝对路径”的错误。所以我决定使用那行代码。谢谢。我回家后试试你的代码。我希望它创建我希望它创建的文件夹和文件。
迈克尔，你提供的代码给了我一个错误。请参阅上面的更新图片。谢谢！！
@Hiei 你忘了导入path，贴出代码的第一行。

【解决方案2】：

用这行代码解决

module.exports = {
    entry: "./app/assets/scripts/App.js",
    output: {
        path: __dirname +  "/app/temp/scripts",
        filename: "App.js"
    }
}

【讨论】：