首页 > Web开发 > 详细

webpack小知识点

时间:2019-11-20 12:26:08      阅读:79      评论:0      收藏:0      [点我收藏+]

 

1:webpack的默认配置文件 webpack.config.js

2:package.json文件 private 字段表示 是否私有包,不发布到 npm 中

3:Node.js 中,__dirname 总是指向被执行 js 文件的绝对路径,所以当你在 /d1/d2/myscript.js 文件中写了 __dirname, 它的值就是 /d1/d2
使用方式
const path = require(‘path‘)
path.resolve(__dirname, ‘文件夹‘)
http://nodejs.cn/api/path.html#path_path_resolve_paths

  4:webpack --config webpack.config.dev.js
  添加--config 选项,可以修改webpack运行的配置文件

 

  5:url-loader和file-loader的简单区别
  url-loader是对file-loader的上层封装

  使用file-loader的情况下,图片较多的话,会发多次http请求,降低页面性能
  url-loader存在一个options{limit: ‘数值‘},小于该数值情况,会将引入的图片编码,生成dataURl
  再把这串字符打包到文件中,最终只需要引入这个文件就能访问图片了

  file-loader底层处理文件的流程:首先会将该文件移动到出口文件夹当中,然后返回一个相对(出口文件夹)路径到引入该文件的地方,在使用该路径

6:webpack中loader的执行顺序,从下到上,从右到左


 

webpack小知识点

原文:https://www.cnblogs.com/panrui1994/p/11896405.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!