webpack没有创建文件夹/目录

Question

这是我的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输出。问题是它没有在临时目录下创建脚本文件夹和App.js文件

将路径名称编辑为path.resolve后，出现错误

Answer 1

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

Answer 2

解决了这行代码

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