- 博客(5)
- 收藏
- 关注
原创 wepack resolve.modules
告诉 webpack 解析模块时应该搜索的目录,缩短模块引入路径。绝对路径和相对路径都能使用,但是要知道它们之间有一点差异。通过查看当前目录以及祖先路径(即 , 等等), 相对路径将类似于 Node 查找 'node_modules' 的方式进行查找。使用绝对路径,将只在给定目录中搜索。引入src下的components下的utils模块,就可以这样省略前面的src/components路径,让webpack自己查找如果你想要添加一个目录到模块搜索目录,此目录优先于 搜索...
2022-06-17 15:59:43
435
转载 webpack resolve.extensions 配置
resolve.extensions用于配置在尝试过程中用到的后缀列表,默认是:extensions: ['.js', '.json']也就是说当遇到require('./data')这样的导入语句时,Webpack 会先去寻找./data.js文件,如果该文件不存在就去寻找./data.json文件,如果还是找不到就报错。如果这个列表越长,或者正确的后缀在越后面,就会造成尝试的次数越多,所以resolve.extensions的配置也会影响到构建的性能。 在配置resolve.extensions时你需要
2022-06-17 15:36:08
1445
转载 网格布局display: grid
CSS 网格布局模块(CSS Grid Layout Module)提供了带有行和列的基于网格的布局系统,它使网页设计变得更加容易,而无需使用浮动和定位。网格布局由一个父元素以及一个或多个子元素组成。当 HTML 元素的 属性设置为 或 时,它就会成为网格容器。 属性设置列之间的间隙, 属性设置行之间的间隙, 属性是 grid-row-gap 和 grid-column-gap 属性的简写属性, 属性还可用于将行间隙和列间隙设置为一个值 把网格项目放在列线 1,并在列线 3 结
2022-06-13 15:19:04
2165
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人