javascript - node path module 的用法问题

Question

最近做react， webpack.config.js文件里有这么段代码

//path是导入的node模块
output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
    publicPath: '/static/'
}

1. 这段代码什么功能？

2. __dirname这个东西是哪里来的，作用是什么？没看到声明

3. 'dist'是干什么的？

4. publicPath是干什么的？

Answer 1

output 是配置 webpack 打包输出的配置

path: 指打包输出目录
filename: 这个指导出文件的名称
putlicPath: 这个指使用 webpack-dev-server 开发时，webpack-dev-server 会启动一个本地服务器，这样你可以在浏览器中访问页面测试用。

eg:
假如你的代码目录结构：

/pro
    /src
        /yourmodules/...
        /client.js
    webpack.config.js
    package.json    

webpack.config.js 有类似配置

{
    ...
    output: {
        path: path.join(__dirname, "build"),
        filename: "bundle.js",
        publicPath: "/assets/"
    }
}

执行 webpack 操作后

/pro
    /build
        /bundle.js
    ...

如果使用 webpack-dev-server 操作

那么没有 build 文件夹生成，bundle.js 也不存在，个人理解 webpack-dev-server 把打包的文件缓存起来，放在本地服务器的 publicPath 目录下。就这样理解吧

__dirname: webpack.config.js 这个文件的路径位置， 在这个例子里就是 /pro

Answer 2

__dirname 是当前目录，
dist 就是当前目录下的，dist目录

Answer 3

publiPath: 是静态资源目录