node path module 的用法问题-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

node path module 的用法问题

a123456678 2016-03-11 10:04:07 958

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

//path是导入的node模块
output: {

path: path.join(__dirname, 'dist'),
filename: 'bundle.js',
publicPath: '/static/'

}
这段代码什么功能?
__dirname这个东西是哪里来的,作用是什么?没看到声明
'dist'是干什么的?
publicPath是干什么的?

前端开发
分享到
取消 提交回答
全部回答(2)
  • 覃溪哈哈
    2019-07-17 18:58:29

    __dirname是一个全局变量,存储的是文件所在的文件目录

    还 有__filename也是全局变量,存储的是文件名

    0 0
  • a123456678
    2019-07-17 18:58:29

    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

    0 0
添加回答

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程