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的执行顺序,从下到上,从右到左
原文:https://www.cnblogs.com/panrui1994/p/11896405.html