随笔分类 - webpack
摘要：npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node npm install --save @babel/polyfill 在项目目录中创建babel.config.js文件。 编辑js文件中的代码如下
阅读全文
摘要：https://www.jianshu.com/p/b6487d0ac075
阅读全文
摘要：https://blog.csdn.net/qq_29262849/article/details/52973095
阅读全文
摘要：https://www.cnblogs.com/2050/p/4198792.html
阅读全文
摘要：https://www.cnblogs.com/xiaodangshan/p/13061618.html
阅读全文
摘要：https://segmentfault.com/q/1010000019655500
阅读全文
摘要：entry：入口，webpack执行构建的第一步，将从entry开始，可抽象成输入。 module：模块，在webpack里一切皆模块，一个模块对应成一个文件。webpack会从配置的entry开始递归找出所有依赖的模块。 chunk：代码块，一个chunk由多个模块组合而成，用于代码合并与分割。
阅读全文
摘要：这个问题搞了一会想起开始安装node-sass时的一句被我忽略的提示：执行 npm rebuild node-sass 这行后就可以了。 再说说 node-sass 的安装问题，现在使用 yarn install 时容易出现node-sass无法安装的情况，npm也无法安装。主要还是因为墙的原因。
阅读全文
摘要：本地环境ok，发布到线上不能播放。之前看这个视频，把video放在public文件夹下的。 后来经过排查，video放public文件夹下，导致的。应该放assets里。 后来，和同事讨论，线上服务器可能做了流媒体限制，服务器端的流媒体不允许被访问，一般是为了安全考虑以及防止带宽被占用，建议流媒体放
阅读全文
摘要：今天开发了一个html5视频播放功能. vedio.mp4资源放在public文件夹下。那vue-cli3.x中public和assets的区别 vue-cli3.0有两个放置静态资源的目录分别是public和assets。 public放不会变动的文件（相当于vue-cli2.x中的static）
阅读全文
摘要：资源文件处理 在我们的项目结构里，有两个资源文件的路径，分别是：src/assets 和 static/。那这两个到底有什么区别呢？ Webpacked 资源 为了回答这个问题，我们首先需要理解webpack是怎样处理静态资源的。在*.vue组件中，所有的templates和css都会被vue-ht
阅读全文
摘要：在node 中安装sass依赖总会出现各种各样的问题，第一次遇见这样的问题 Cached binary found at C:\Users\ltzhouhuan\AppData\Roaming\npm-cache\node-sass\4.5.3\win32-x64-57_binding.node 报
阅读全文
摘要：在公司中，我们大部分都是多人共同开发和长时间维护一个项目，但是有时候我们会发现有很多已经废弃的npm 包存在 package.json 中，我们想要删除，但是又不能盲目的删除？那么 depcheck 它来了。如何使用呢第一步全局安装：npm install depcheck -g第二步项目更目录下执
阅读全文
摘要：node-sass是自动编译实时的，dart-sass需要保存后才会生效。 如果您在Dart-VM内运行Dart-Sass，它的运行速度很快，但它表示可以编译为纯JS，dart-sass只是一个编译版本，比node-sass和native dart-sass慢。 个人使用感受：在大型项目中 使用da
阅读全文
摘要：svg图标优点 文件体积小，能够被大量的压缩 图片可无限放大而不失真(矢量图的基本特征) 在视网膜显示屏上效果极佳 能够实现互动和滤镜效果 svg图标使用 1.安装相应的npm包： yarn add svg-sprite-loader svgo --dev 2.src文件夹下新建一个icons文件夹
阅读全文
摘要：解决办法删除package-lock.json文件写死package.json版本号 "vue-awesome-swiper": "^3.1.3", 删除node_modules重新安装过程本地拉取远程master代码，然后执行报这个错误，经查是本地vue-awesome-swiper版本不对，因为
阅读全文
摘要：https://www.cnblogs.com/zjhr/p/9472648.html
阅读全文
摘要：babel.config.js 是对整个项目(父子package) 都生效的配置，但要注意babel的执行工作目录。 .babelrc 是对 待编译文件 生效的配置，子package若想加载.babelrc是需要babel配置babelrcRoots才可以（父package自身的babelrc是默认
阅读全文
摘要：webpack简介 1.webpack是什么 简介：webpack其实就是一个JavaScript应用程序的静态模块打包器。 2.webpack有什么作用 模块化打包：webpack会将项目的资源文件当成一个一个模块，模块之间会有依赖关系，webpack将会对这些有依赖关系的文件进行处理，让浏览器能
阅读全文
