xueyawuhai的博客

响应式布局和自适应写网页时，经常要求要适配不同屏幕，要求可以在大屏幕，ipad，手机上可以显示正常。对于公司的官网这是很重要的。那么，这就涉及到了响应式布局和自适应。文章目录响应式布局和自适应前言一、响应式布局二、自适应根字体大小rem方案一：postcss-px2rem+setRem()方案方案二：flexible和 postcss-px2rem2.读入数据总结前言如果对网站的适应方面要求多的话,例如移动端的排版要求变动比较大，可以做成两个版本：pc版本和h5版本（移动端），可以参考京东。

package.jsonpackage.json 在前端工程化中主要用来记录依赖包名称、版本、运行指令等信息字段。其中，dependencies字段指定了项目运行所依赖的模块，devDependencies指定项目开发所需要的模块。它们都指向一个对象。该对象的各个成员，分别由模块名和对应的版本要求组成，表示依赖的模块及其版本范围。对应的版本可以加上各种限定，主要有以下几种：指定版本：比如 1.2.2 ，遵循“大版本.次要版本.小版本”的格式规定，安装时只安装指定版本。波浪号（tilde）+指定版本：

上一篇：webpack4+vue2的经典配置(common+dev+build)DllPlugin+DllReferencePlugin拆分第三方依赖项目打包优化DllPlugin DllReferencePluginwebpack.dll.jspackage.jsonDllReferencePluginAddAssetHtmlPlugin另外:dllplugin适用哪种环境？项目打包优化webpack对项目的打包优化有内置的webpack.optimization.splitChunks分包策略

webpack4 vue2的经典配置common+dev+build常见模式的三个配置文件webpack.dev.jswebpack.build.jswebpack.common.js常见模式的三个配置文件这三个配置文件分别是webpack.common.js，webpack.dev.js，webpack.pro.js。如果你一直都在vue-cli2工具创建的脚手架，那么你对这三个配置文件会很熟悉。如果将上面三个vue配置写成一个文件vue.config.js也是可以的，但是不方便后期的维护。一般来说

我们打包出来的js文件，只要修改或增加了内容，就会导致js文件的hash变化，从而重新打包。为了提高打包速度，每次变化仅仅是重新打包自定义代码部分，webpack4提供了optimization.splitChunks回顾一下：webpack3时代，项目的代码分离抽取出来，是这样子的：使用new webpack.optimize.CommonsChunkPlugin，分别分离出第三方库，webp...

其实vue的脚手架是真的多，vue的nuxt脚手架的，vue的webpack脚手架的，还有各种gitHub上的后台管理系统模板的。。。。。而vue-cli2的webpack模板，这个相信是大多数人最为熟悉的模板了。现在再去安装官网上模板的话，已经基于vue-cli3安装的了。为了巩固webpack配置的知识，自己决定再手动撸一遍vue-cli2脚手架的配置。1、新建一个空文件夹，命名demo...

手动配置webpack脚手架接着上一篇文章，我们接着来做一些优化首先安装babel模块，