移动端CSS px自动转换成rem 需要两步来实现: px2rem-loader 在构建阶段将px转换成rem lib-flexible 页面渲染时动态计算根元素的font-size值(手机淘宝开源库) 下载插件并配置: npm i px2rem-loader lib-flexible module: { rules: [ { test: /\.less$/, use: [ MiniCssExtractPlugin.loader, "css-loader", { loader: &qu…

详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定了域名: http://www.chengxinsong.cn hexo+github博客网站源码(可以clone,运行,看到博客演示.觉得可以给颗星星):https://github.com/saucxs/hexo-blog-origin.git 一.搜索引擎收录 1.验证网站所有权 登录百度站长平台:http://zhanzhang.baidu.com,只要有百度旗下的账号就可以登录,登录成功之后在站点…

VSCode-python 进阶配置 中文乱码 中文乱码,网上一堆解决方法,但是根本没有有效起作用的. 在python脚本的前面添加: # -*- coding:utf-8 -*- 并不能在控制台输出时是的print输出中文不乱码.但是此时os.system()的输出却是正常的, 如果使用调试进行输出得到相反的结果:print输出正常,但是终端输出乱码. 解决方法:尽量不要用中文 好吧,确实没卵用!哪位小伙伴有解决方法,请不吝赐教. 自动添加文首注释 此时需要安装vscode-fileheade…

在上一篇文章里<Ubuntu Server下docker实战 01: 安装docker>,我们已经把docker安装起来了,并运行了一个hello-world 这一篇,我们继续讲进阶配置. 1. 配置docker在系统启动时候自动启动 sudo /lib/systemd/systemd-sysv-install enable docker sudo systemctl enable docker sudo systemctl restart docker.service 这样我们重启服务器后,…

webpack5都出了,webpack4的的基本配置,解析ES6,引入CSS,编译Less,设置image等等,你都会了么? ​解析ES6 了解Babel Babel是一个JavaScript编译器,可以实现将ES6+转换成浏览器能够 识别的代码. Babel在执行编译时,可以依赖.babelrc文件,当设置依赖文件时, 会从项目的根目录下读取.babelrc的配置项,.babelrc配置文件 主要是对预设(presets)和插件(plugins)进行配置. 其中,presets可以标识需要转换…

花了差不多一天多的时间,重新撸了一遍webpack4.x的常用配置. 基本上常用的配置都熟悉了一遍,总体上来讲,为了对parcel进行反击,webpack从4.x开始,正在朝着尽可能的简化配置文件的方向发展. 一.首先来看下,webpack4的新特性. 1.webpack不在单独使用,4.x版本将很多命令移动到了webpack-cli包中.若想要本地安装使用webpack,一般需要以下两步 (1)全局安装webpack,webpack-cli (2)局部安装webpack,weback-cli…

下面是抄过来的,方便自己翻越 webpack4.x入门配置   1.首先npm install webpack webpack-cli webpack-dev-server -g (mac电脑用超级管理员的形式进行安装需要前面加上sudo,Windows 电脑不用加sudo)   image.png 1.1输密文的密码(也就是电脑登陆的密码)安装开始…………   image.png 1.2安装成功如下   image.png 2.输入命令mkdir config dist src创建三个文件夹…

1.npm init      生成package.json文件 2.npm install webpack webpack-cil --save-dev 安装webpack和webpack-cli 3.新建一个src文件夹,里面创建index.js文件 console.log(123); webpack会自动查找src下的index.js文件,将它打包到dist文件夹里,默认生成main.js,main.js就是打包后的文件 4.修改package.json "scripts": {…

decorator 装饰器 许多面向对象都有decorator(装饰器)函数,比如python中也可以用decorator函数来强化代码,decorator相当于一个高阶函数,接收一个函数,返回一个被装饰后的函数. 注: javascript中也有decorator相关的提案,只是目前node以及各浏览器中均不支持.只能通过安装babel插件来转换代码,插件名叫这个:transform-decorators-legacy.也有在线试用](babeljs.io/repl/),安装好transfor…

博客不知道啥时候写的了,一直在草稿箱没写完,突然感觉今年过去大半了,又没怎么写博客.写写完,有始有终 1.代码分离升级 原来项目代码分离是通过下面的配置,基于bundle-loader插件,通过router.jsx的配置进行代码分离,js文件的名字根据[name].router.jsx生成. { test: /\.router\.jsx/, loader: [ 'bundle-loader?lazy&name=[1]&regExp=([^\\\\\\/]*)\\.router\\.jsx'…