webpack
Paroxetiner
你送我的打火机丢了,所以我戒烟了
展开
-
Vue中的scoped及穿透方法
何为scoped?在vue文件中的style标签上,有一个特殊的属性:scoped。当一个style标签拥有scoped属性时,它的CSS样式就只能作用于当前的组件,也就是说,该样式只能适用于当前组件元素。通过该属性,可以使得组件之间的样式不互相污染。如果一个项目中的所有style标签全部加上了scoped,相当于实现了样式的模块化。scoped的实现原理vue中的scoped属性的效果主要通过PostCSS转译实现,如下是转译前的vue代码:<style scoped>.e原创 2020-12-24 18:34:43 · 292 阅读 · 1 评论 -
webpack错误大集合
1.You may need an appropriate loader to handle this file type.这个是在开发过程中比较常见的错误,就是少了一个loader用于解析对应的文件2.UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function这是我在使用webpack打包css时,出现的一个错误,导致css无法打包原因是 css-loader 和 st..原创 2020-12-24 18:32:35 · 1030 阅读 · 0 评论 -
webpack导入vue遇到的问题
废话不多说,直接上步骤1.终端输入指令npm install vue --save这里我们是不加“-dev”的,因为加上的-dev是开发环境;我们不仅仅是在开发环境中依赖他,在发布到服务器的时候我们还是要依赖这个,所以直接使用生产环境就可以了(save前面一个-,两个-好像都可以)。2.在main.js里面写vue,在index.html里面使用,重新打包,运行发现出现报错这是因为vue有两个不同的构建版本runtime-only:代码中不可以有任何template(el挂原创 2020-12-21 15:18:48 · 234 阅读 · 1 评论 -
关于file-loader的配置问题
不要配置你只要按照官网上的配置,就会加载不出图片来F12检查之后,发现图片自动走了url-loader,但是图片又超过了大小限制,虽然没有报错,但是加载不出来。但是想着把大图片规范化的话,又要在option里面添加相关的属性。这时添加到url的配置里就可以了。我有个想法:url-loader和file-loader应该是存在冲突,有了url-loader就不用配置file-loader了,他俩可以共用一个option。...原创 2020-12-20 00:49:16 · 762 阅读 · 1 评论 -
cssloader报错,UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
初学者在学习webpack中容易踩一个版本过高的坑这是我在使用webpack打包css时,出现的一个错误,导致css无法打包原因是 css-loader 和 style-loader 版本过高解决方法:这是我原来的package.json的版本信息现在我手动下调了一下版本 "css-loader": "^3.3.0", "style-loader": "^1.0.0"然后再命令行中 依次输入:npm installnpm dev重新安装项目依赖,然后再次使用w原创 2020-12-17 13:56:36 · 212 阅读 · 0 评论