高先生的猫

问题描述在项目中需要使用多行文本溢出显示省略号(…)的时候，首先想到的css如下：overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;该方式比较合适WebKit浏览器或移动端（绝大部分是WebKit内核的）浏览器。但是在现在一些框架中如(vue,react项目中使用)，会发现本地正常，打包线上后，该属性丢失。因为

当js动态编译以后出现一下报错需要删除yarn.lock文件和node_modules文件夹, 然后重新编译

一、什么是webpackwebpack是一个打包工具，他的宗旨是一切静态资源皆可打包。有人就会问为什么要webpack？webpack是现代前端技术的基石，常规的开发方式，比如jquery,html,css静态网页开发已经落后了。现在是MVVM的时代，数据驱动界面。webpack它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。二、webpack核心概念1、Entry（

之前尝试过一些在webpack3的基础上做的构建优化，例如引入HappyPack优化构建速度，开启loader缓存和优化包查找路径等等，详情可以查看前端webpack构建优化但是随着时间的推移，这种优化产生的效果越来越弱化，手上的项目体积越来越大，对本地开发热更新速度和生产打包发布速度都有了很大的影响。webpack3升级到webpack4迫在眉睫，这篇博文将记录一些我在升级过程中遇到的坑。当你遇到这些坑时，通过搜索引擎找到我这篇文章，如果能够解决了手上的webpack配置问题，然后发自内心的感

在webpack-course项目下新建子文件src/main.css,然后随便写入某一个样式touch src/main.css在src/main.js里面引入cssrequire('./main.css')运行项目webpack-dev-server --config=config/webpack.dev.js然后会发现报错报错告诉我们需要安装loader这是因为webpack仅能识别js文件，如果需要加载css那么我们需要通过加载器的形式来加载，那么我们在项目中安装

设置别名在build文件夹下的webpack.base.conf.js文件中设置src的路径别名。 resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), '#': reso...

目录 开发环境性能优化 生产环境性能优化 开发环境性能优化优化打包构建速度 HMR 优化代码调试 source-map HMR❝概念：「HMR：」 hot module replacement 热模块替换 / 模块热替换❞作用：一个模块发生变化，只会重新打包这一个模块，而不是打包所有模块，极大的提升了构建速度 样式文件...