问题 项目为多页面应用，每个页面中都引入同一份公共样式less文件导致编译打包后有多份样式，我使用的是less预编译器。 解决 网上找到即为大佬的解决方案，真的非常好用，这里备忘一下。 主要解决方案为，使用less本身支持的 import的时候前面加（reference），只在入口js文件中引入一份 ...
分类：
其他好文 时间：
2020-09-24 22:12:57
阅读次数：
82
Tree-Shaking就是将没有使用的模块去掉，这样来达到删除无用代码的目的 Tree-Shaking如果需要深入了解，可以查看rowup，babel, webpack打包, uglifyJs Tree-Shaking性能优化实践 - 原理篇：https://juejin.im/post/6844 ...
分类：
其他好文 时间：
2020-09-24 21:51:05
阅读次数：
35
问题描述 在项目中需要使用多行文本溢出显示省略号(…)的时候，首先想到的css如下： overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: ve ...
分类：
Web程序 时间：
2020-09-23 23:39:02
阅读次数：
40
解决 webpack .\src\main.js .\dist\bundle.js 错误 打包的命令格式：webpack 要打包的文件的路径 打包好的输出文件的路径 栗子： webpack .\src\main.js .\dist\bundle.js 提示错误，错误信息如下： 错误原因 webpac ...
分类：
Web程序 时间：
2020-09-18 01:59:54
阅读次数：
44
webpack 是一个模块打包器，在它看来，每一个文件都是一个模块。 无论你开发使用的是 CommonJS 规范还是 ES6 模块规范，打包后的文件都统一使用 webpack 自定义的模块规范来管理、加载模块。本文将从一个简单的示例开始，来讲解 webpack 模块加载原理。 CommonJS 规范 ...
分类：
Web程序 时间：
2020-09-18 01:35:39
阅读次数：
45
1、环境搭建 #1、安装node （node -v查询版本号） node 安装 官网下载安装 #2、安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org #3、安装 webpack，以全局的方式安装 npm ins ...
分类：
其他好文 时间：
2020-09-17 21:04:48
阅读次数：
79
##1.有哪些常见的Loader？你用过哪些Loader？ raw-loader：加载文件原始内容（utf-8） file-loader：把文件输出到一个文件夹中，在代码中通过相对 URL 去引用输出的文件 (处理图片和字体) url-loader：与 file-loader 类似，区别是用户可以设 ...
分类：
Web程序 时间：
2020-09-17 20:58:46
阅读次数：
45
对于前端同学来说webpack应该一点不陌生，现在应该大部分的工程都在使用webpack来进行构建。 现在很多的框架都已经提供相应的脚手架命令行工具，直接执行之后就会生成对应的模板项目。 不需要我们在脚手架上面浪费过多的时间，从而更加关注业务的编写， 但是我们仍然需要知道webpack的工作原理到底 ...
分类：
Web程序 时间：
2020-09-17 20:46:02
阅读次数：
36
原文地址: Critical CSS and Webpack: Automatically Minimize Render-Blocking CSS 原文作者: Anthony Gore 译者: 蜗牛(GivenCui) 校对者: veizz "消除阻塞渲染的CSS和JavaScript"。 这一条 ...
分类：
Web程序 时间：
2020-09-17 17:30:33
阅读次数：
36
定义组件中的data 和 method 1、在组建内部中的 template中可以直接用插值表达式的方式获取 data中的数据。 2、node中向外暴露成员的形式 ： module.exports = {} 或者 exports node中导入模块： var 名称 = require('模块标识符' ...
分类：
Web程序 时间：
2020-09-17 16:06:37
阅读次数：
55
