最近做react, webpack.config.js文件里有这么段代码
//path是导入的node模块
output: {
path: path.join(__dirname, 'dist'),
filename: 'bundle.js',
publicPath: '/static/'
}
这段代码什么功能?
__dirname这个东西是哪里来的,作用是什么?没看到声明
'dist'是干什么的?
publicPath是干什么的?
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
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。