1.项目根目录下,创建 .postcssrc.js 文件。 2.安装插件。 -D (开发依赖) postcss-import postcss-url cssnano-preset-advanced -S (开发、运行都依赖) postcss-aspect-ratio-mini postcss-px- ...
分类:
移动开发 时间:
2018-04-23 11:12:48
阅读次数:
5063
模块 重置模块 在 normalize.css 的基础上进行了一层包装而成的。 @reset global: [pc|mobile]; 进行全局的样式重置 @reset nested: [tabel|tabel cell|list|font|boxModel] 在选择器内进行常用元素的样式重置 模块 ...
分类:
Web程序 时间:
2018-04-17 23:47:01
阅读次数:
273
fis3 对于fis的总结好像丢了,再次借鉴官方文档摘抄和总结一些知识点,以供温习和记忆 项目根目录:fis3配置文件(默认fis-conf,js)所在的目录为项目根目录。 fis3 release -d ./output 构建发布到项目目录的output目录下 fis3 release -d .. ...
分类:
其他好文 时间:
2018-04-14 16:22:46
阅读次数:
346
谈及如今欣欣向荣的前端圈,不仅有各类框架百花齐放,如Vue, React, Angular等等,就打包工具而言,发展也是如火如荼,百家争鸣;从早期的王者Browserify, Grunt,到后来赢得宝座的 Gulp, 以及独树一帜的 fis3, 以及下一代打包神器 Rollup ;在 browser ...
分类:
Web程序 时间:
2018-03-16 00:17:57
阅读次数:
257
1.在webpack中需要处理css必须先安装如下两个loader 2.要处理sass和添加浏览器前缀需要下载如下插件和loader 3.webpack中配置如下所示 这是官网提供的例子完全可以使用,没必须要在单独建立一个配置文件 点击进入官网地址 4.打包后效果如下 以后再也不用考虑浏览器兼容问题 ...
分类:
Web程序 时间:
2018-03-11 12:07:57
阅读次数:
531
sass是css预处理器 需要安装node sass支持 核心是c++编写 集成 1. sass loader 把scss装换成css 1. css loader 找出@import和url()导入的语法,告诉webpack依赖的资源。同时支持css modules、压缩css等 1. style ...
分类:
Web程序 时间:
2018-02-24 23:12:18
阅读次数:
981
谈及如今欣欣向荣的前端圈,不仅有各类框架百花齐放,如Vue, React, Angular等等,就打包工具而言,发展也是如火如荼,百家争鸣;从早期的王者Browserify, Grunt,到后来赢得宝座的 Gulp, 以及独树一帜的 fis3, 以及下一代打包神器 Rollup ;在 browser ...
分类:
Web程序 时间:
2018-02-21 21:07:38
阅读次数:
284
在新建的webpack.config.js文件中配置好style-loader和css-loader,注意顺序为:style-loader,css-loader,less-loader,postcss-loader。下面为工程目录: 配置好的webpack.config.js文件: 如果以上步骤都没 ...
分类:
Web程序 时间:
2018-02-12 11:26:24
阅读次数:
431
一、安装babel相关 1,安装依赖 2,新建.babelrc 3,相关webpack.conf.js 片段 二、安装静态资源全家桶(img/svg、字体图标、css/scss/style/postcss/autoprefixer) 1,安装依赖 2,相关webpack.conf.js 片段 ...
分类:
Web程序 时间:
2018-02-10 15:02:48
阅读次数:
217
module.exports = { parser: false, sourceMap: false, plugins: { 'autoprefixer': {}, 'cssnano': {} } } ...
分类:
Web程序 时间:
2018-02-08 15:31:12
阅读次数:
271