随笔分类 - 工程化(webpack/fis3/gulp/grunt)
摘要：这个插件主要配合打包自动添加css浏览器兼容前缀，比如-webkit-、-ms-等。官网：https://github.com/postcss/autoprefixer 这是PostCSS的插件，根据官网，配置参数有两种方式 引用的时候作为参数传递 在.browserslistrc文件或者packa
阅读全文
摘要：Invalid Host/Origin header 问题表述比较明确：请求的header中Host或Origin没有通过检测。 本人是开发环境下webpack-dev-server热更新出现的问题。主要是本地开发使用了charles代理，浏览器使用域名访问代理到本机的localhost:8080。
阅读全文
摘要：本人使用vue引入css modules做实践。vue文档查看：https://vue-loader-v14.vuejs.org/zh-cn/features/css-modules.html 以及 https://vue-loader.vuejs.org/zh/guide/css-modules.
阅读全文
摘要：事情缘由 近段时间在做基于scratch3.0的改造项目。基于scratch-gui改造，项目本身已经很大了，然后里面还要用到scratch-blocks,scratch-vm,scratch-render等外部第三方项目。官方的配置是所有的东西打入一个lib中，所有的html都使用这一个lib。
阅读全文
摘要：1.在html文件中，如果在标签的style属性内添加路径，fis不会识别改路径并打包，如 2.fis主要针对静态文件进行打包。对其他文件打包会出现一些问题。 比如jsp页面。下面的例子script.jsp（这个jsp会在其他页面使用<%@include file="/WEB-INF/include
阅读全文
摘要：首先说明一下，即使不熟悉fis3，阅读文本应该也会有所收获。 本文以fis-parser-imweb-tplv2插件为模板插件，目的不在于使用哪个模板，而是组件可视化的实现思路，不必担心。 先说说模板插件 首先说明一下，我们的项目使用的fis3自带的mod.js做模块化开发。 fis-parser-
阅读全文
摘要：因为之前一直有人给我推荐gulp，说他这里好哪里好的。grunt熟悉以后实际上他的配置也不难，说到效率的话确实是个问题，尤其项目大了以后，目前位置遇到的项目都还可以忍受。不过不管怎么说，需要亲自用过gulp之后才能品评他和grunt之间的优劣。不废话，直接上实例。 本人自建了一个前端目录结构,后续的
阅读全文
摘要：打包的目的和意义就不用叙述了直接上干货 http://www.gruntjs.net/getting-started里面的教程也太简单了，需要下一番功夫去研究才行。本文将grunt打包的常用方法都用实例描述，更加清晰易懂。 1. 第一个简单的grunt打包 1)需要安装nodejs：http://w
阅读全文
